PageSourceSearch

https://www.sencha.com/

html sencha.com collected 2026-09-24 08:32:13 UTC 513,107 bytes, 12,616 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en-US" class="dark" prefix="og: http://ogp.me/ns#">
3<head >
4<meta charset="UTF-8" />
5<meta name="viewport" content="width=device-width, initial-scale=1" />
6<!-- is not shop --> 
7	
8		
8<script type="application/ld+json">
9			{
10				"@context": "http://schema.org",
11				"@type": "WebSite",
12				"name": "Sencha.com",
13				"url": "https://www.sencha.com/",
14				"potentialAction": {
15					"@type": "SearchAction",
16					"target": "https://www.sencha.com/?s={s}",
17					"query-input": "required name=s"
18				}
19			}
20		</script>
20
21
22		
23	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5" />
24
25	<meta name="google-site-verification" content="fAEnbCr3APLaYzmYyphgEpdlQWkmcxaOwfl_TFBE5gI" />
26
27	<link rel="alternate" type="application/rss+xml" title="Sencha » Videos Feed" href="https://play.vidyard.com/feeds/IgT1KkAdZXuHftn3oRffBg.rss">
28	<link rel="alternate" type="application/rss+xml" title="Sencha » Webcasts Feed" href="https://www.brighttalk.com/channel/11505/feed/rss">
29	
30
31	<style type="text/css">
32		/*{"c":"2016-03-02T01:02:41Z","s":"prod-origin-eda6965a","v":"83ef36"}*/
33		/*
34		* The Typekit service used to deliver this font or fonts for use on websites
35		* is provided by Adobe and is subject to these Terms of Use
36		* http://www.adobe.com/products/eulas/tou_typekit. For font license
37		* information, see the list below.
38		*
39		* effra:
40		*   - http://typekit.com/eulas/00000000000000000001787a
41		*   - http://typekit.com/eulas/00000000000000000001787c
42		*   - http://typekit.com/eulas/00000000000000000001787e
43		*   - http://typekit.com/eulas/000000000000000000017880
44		*   - http://typekit.com/eulas/000000000000000000017882
45		*   - http://typekit.com/eulas/000000000000000000017879
46		*   - http://typekit.com/eulas/00000000000000000001787b
47		*   - http://typekit.com/eulas/00000000000000000001787d
48		*   - http://typekit.com/eulas/00000000000000000001787f
49		*   - http://typekit.com/eulas/000000000000000000017881
50		*
51		* (c) 2009-2016 Adobe Systems Incorporated. All Rights Reserved.
52		*/
53
54		.wf-loading {
55			visibility: visible !important;
56		}
57
58		.site-container {
59			min-height: 100vh;
60		}
61
62		/*.loading .gch-header-slider, .loading .gch-header-content, .loading .site-container .site-inner,*/
63		.loading.woocommerce-checkout .entry-content div:not(.woocommerce) > *,
64		.woocommerce-checkout .entry-content div.woocommerce > *,
65		.loading img {
66			opacity: 0;
67		}
68
69		.loaded.woocommerce-checkout .entry-content div:not(.woocommerce) > *,
70		.loaded img {
71			-webkit-transition: opacity 0.3s ease;
72			-moz-transition: opacity 0.3s ease;
73			-ms-transition: opacity 0.3s ease;
74			-o-transition: opacity 0.3s ease;
75			transition: opacity 0.3s ease-out;
76		}
77</style>
78
79	<noscript>
80		<style type="text/css">
81			.no-js.loading .site-container {
82				opacity: 1;
83				-webkit-transition: opacity 0.3s ease;
84				-moz-transition: opacity 0.3s ease;
85				-ms-transition: opacity 0.3s ease;
86				-o-transition: opacity 0.3s ease;
87				transition: opacity 0.3s ease-out;
88			}
89			.gch-header-slider .slide {
90				display: block;
91				float: none !important;
92				clear: both;
93				border-bottom-color: #ccc;
94				border-bottom-width: 1px;
95				border-bottom-style: solid;
96				padding-bottom: 40px;
97			}
98		</style>
99	</noscript>
100
101	
101<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB37qh-XB7kOKQgtWaDuI-9m6gmwqmORKs" async="" defer=""></script>
101
102
103<meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' />
104
105<!-- Google Tag Manager for WordPress by gtm4wp.com -->
106<script data-cfasync="false" data-pagespeed-no-defer>
107	var gtm4wp_datalayer_name = "dataLayer";
108	var dataLayer = dataLayer || [];
109</script>
109
110<!-- End Google Tag Manager for WordPress by gtm4wp.com --><meta property="og:locale" content="en_US" />
111<meta property="og:type" content="website" />
112<meta property="og:title" content="Sencha.com" />
113<meta property="og:url" content="https://www.sencha.com" />
114<meta property="og:site_name" content="Sencha.com" />
115<meta property="article:section" content="Sencha Revamp" />
116
117	<!-- This site is optimized with the Yoast SEO plugin v22.8 - https://yoast.com/wordpress/plugins/seo/ -->
118	<title>Sencha - Enterprise ready JavaScript &amp; Java UI Framework</title>
119<link data-rocket-prefetch href="https://snap.licdn.com" rel="dns-prefetch">
120<link data-rocket-prefetch href="https://connect.facebook.net" rel="dns-prefetch">
121<link data-rocket-prefetch href="https://a.quora.com" rel="dns-prefetch">
122<link data-rocket-prefetch href="https://bat.bing.com" rel="dns-prefetch">
123<link data-rocket-prefetch href="https://static.ads-twitter.com" rel="dns-prefetch">
124<link data-rocket-prefetch href="https://www.googletagmanager.com" rel="dns-prefetch">
125<link data-rocket-prefetch href="https://www.redditstatic.com" rel="dns-prefetch">
126<link data-rocket-prefetch href="https://geo.cookie-script.com" rel="dns-prefetch">
127<link data-rocket-prefetch href="https://scripts.clarity.ms" rel="dns-prefetch">
128<link data-rocket-prefetch href="https://embed.tawk.to" rel="dns-prefetch">
129<link data-rocket-prefetch href="https://www.clarity.ms" rel="dns-prefetch">
130<link data-rocket-prefetch href="https://play.vidyard.com" rel="dns-prefetch">
131<link data-rocket-prefetch href="https://www.brighttalk.com" rel="dns-prefetch">
132<link data-rocket-prefetch href="https://maps.googleapis.com" rel="dns-prefetch">
133<link data-rocket-prefetch href="https://jp.sencha.com" rel="dns-prefetch">
134<link data-rocket-prefetch href="https://static.hotjar.com" rel="dns-prefetch">
135<link data-rocket-prefetch href="https://script.hotjar.com" rel="dns-prefetch"><link rel="preload" data-rocket-preload as="image" href="https://www.sencha.com/wp-content/themes/sencha/images/logo.png" fetchpriority="high">
136	<meta name="description" content="Build powerful, data-rich enterprise applications with a modern UI framework designed for complex, cross-platform web and mobile development." />
137	<link rel="canonical" href="https://www.sencha.com/" />
138	<meta property="og:locale" content="en_US" />
139	<meta property="og:type" content="website" />
140	<meta property="og:title" content="Sencha - Enterprise ready JavaScript &amp; Java UI Framework" />
141	<meta property="og:description" content="Build powerful, data-rich enterprise applications with a modern UI framework designed for complex, cross-platform web and mobile development." />
142	<meta property="og:url" content="https://www.sencha.com/" />
143	<meta property="og:site_name" content="Sencha.com" />
144	<meta property="article:modified_time" content="2026-09-22T11:42:13+00:00" />
145	<meta property="og:image" content="https://www.sencha.com/wp-content/uploads/2026/05/Sencha-Logo.png" />
146	<meta property="og:image:width" content="340" />
147	<meta property="og:image:height" content="340" />
148	<meta property="og:image:type" content="image/png" />
149	<meta name="twitter:card" content="summary_large_image" />
150	
150<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://www.sencha.com/","url":"https://www.sencha.com/","name":"Sencha - Enterprise ready JavaScript & Java UI Framework","isPartOf":{"@id":"https://www.sencha.com/#website"},"about":{"@id":"https://www.sencha.com/#organization"},"primaryImageOfPage":{"@id":"https://www.sencha.com/#primaryimage"},"image":{"@id":"https://www.sencha.com/#primaryimage"},"thumbnailUrl":"https://www.sencha.com/wp-content/uploads/2026/05/Sencha-Logo.png","datePublished":"2015-02-26T12:50:53+00:00","dateModified":"2026-09-22T11:42:13+00:00","description":"Build powerful, data-rich enterprise applications with a modern UI framework designed for complex, cross-platform web and mobile development.","breadcrumb":{"@id":"https://www.sencha.com/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https://www.sencha.com/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https://www.sencha.com/#primaryimage","url":"https://www.sencha.com/wp-content/uploads/2026/05/Sencha-Logo.png","contentUrl":"https://www.sencha.com/wp-content/uploads/2026/05/Sencha-Logo.png","width":340,"height":340,"caption":"Sencha - Enterprise ready JavaScript"},{"@type":"BreadcrumbList","@id":"https://www.sencha.com/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home"}]},{"@type":"WebSite","@id":"https://www.sencha.com/#website","url":"https://www.sencha.com/","name":"Sencha.com","description":"","publisher":{"@id":"https://www.sencha.com/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://www.sencha.com/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https://www.sencha.com/#organization","name":"Sencha.com","url":"https://www.sencha.com/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https://www.sencha.com/#/schema/logo/image/","url":"https://www.sencha.com/wp-content/uploads/2024/09/icon-product-ExtJS-removebg-preview.png","contentUrl":"https://www.sencha.com/wp-content/uploads/2024/09/icon-product-ExtJS-removebg-preview.png","width":500,"height":500,"caption":"Sencha.com"},"image":{"@id":"https://www.sencha.com/#/schema/logo/image/"}}]}</script>
150
151	<meta name="google-site-verification" content="BJyyb-fOjVf-P6_wemcPcr4JDRirWEEwBA6OIwcMwDw" />
152	<!-- / Yoast SEO plugin. -->
153
154
155<link rel='dns-prefetch' href='//unpkg.com' />
156<link rel='dns-prefetch' href='//cdn.jsdelivr.net' />
157<link rel='dns-prefetch' href='//script.crazyegg.com' />
158<link rel='dns-prefetch' href='//cdnjs.cloudflare.com' />
159<link rel="alternate" type="application/rss+xml" title="Sencha.com &raquo; Feed" href="https://www.sencha.com/feed/" />
160<link rel="alternate" type="application/rss+xml" title="Sencha.com &raquo; Comments Feed" href="https://www.sencha.com/comments/feed/" />
161<link rel="alternate" type="application/rss+xml" title="Sencha.com &raquo; Sencha Comments Feed" href="https://www.sencha.com/home/feed/" />
162<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://www.sencha.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.sencha.com%2F" />
163<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://www.sencha.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.sencha.com%2F&#038;format=xml" />
164<link rel="alternate" href="https://www.sencha.com/" hreflang="en-US" />
165<link rel="alternate" href="https://www.sencha.com/" hreflang="x-default" />
166<link rel="alternate" href="https://jp.sencha.com" hreflang="ja" />
167<style id='wp-img-auto-sizes-contain-inline-css' type='text/css'>
168img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
169/*# sourceURL=wp-img-auto-sizes-contain-inline-css */
170</style>
171<style id='wp-emoji-styles-inline-css' type='text/css'>
172
173	img.wp-smiley, img.emoji {
174		display: inline !important;
175		border: none !important;
176		box-shadow: none !important;
177		height: 1em !important;
178		width: 1em !important;
179		margin: 0 0.07em !important;
180		vertical-align: -0.1em !important;
181		background: none !important;
182		padding: 0 !important;
183	}
184/*# sourceURL=wp-emoji-styles-inline-css */
185</style>
186<style id='classic-theme-styles-inline-css' type='text/css'>
187/*! This file is auto-generated */
188.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
189/*# sourceURL=/wp-includes/css/classic-themes.min.css */
190</style>
191<style id='global-styles-inline-css' type='text/css'>
192: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%);
192--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);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}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;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.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;}
192.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;}
193/*# sourceURL=global-styles-inline-css */
194</style>
195
196<link data-minify="1"   rel='preload' as='style' onload="this.onload=null;this.rel='stylesheet'" id='AOS_animate-css' href='https://www.sencha.com/wp-content/cache/min/1/[email protected]/dist/aos.css?ver=1789670438' type='text/css' media='all' />
197<script type="text/javascript" id="jquery-core-js-extra">window.addEventListener('DOMContentLoaded', function() {
198/* <![CDATA[ */
199var myAjax = {"ajaxurl":"https://www.sencha.com/wp-admin/admin-ajax.php"};
200//# sourceURL=jquery-core-js-extra
201/* ]]> */
202});</script>
vendor: 1 bytes, line 202
202
203<script type="text/javascript" src="https://www.sencha.com/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js" data-rocket-defer defer></script>
vendor: 1 bytes, line 203
203
204<script type="text/javascript" src="https://www.sencha.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1" id="jquery-migrate-js" data-rocket-defer defer></script>
vendor: 1 bytes, line 204
204
205<script type="text/javascript" id="Popup.js-js-before">
206/* <![CDATA[ */
207var sgpbPublicUrl = "https:\/\/www.sencha.com\/wp-content\/plugins\/popup-builder\/public\/";
208var SGPB_JS_LOCALIZATION = {"imageSupportAlertMessage":"Only image files supported","pdfSupportAlertMessage":"Only pdf files supported","areYouSure":"Are you sure?","addButtonSpinner":"L","audioSupportAlertMessage":"Only audio files supported (e.g.: mp3, wav, m4a, ogg)","publishPopupBeforeElementor":"Please, publish the popup before starting to use Elementor with it!","publishPopupBeforeDivi":"Please, publish the popup before starting to use Divi Builder with it!","closeButtonAltText":"Close"};
209//# sourceURL=Popup.js-js-before
210/* ]]> */
211</script>
vendor: 1 bytes, line 211
211
212<script data-minify="1" type="text/javascript" src="https://www.sencha.com/wp-content/cache/min/1/wp-content/plugins/popup-builder/public/js/Popup.js?ver=1789670438" id="Popup.js-js" data-rocket-defer defer></script>
vendor: 1 bytes, line 212
212
213<script data-minify="1" type="text/javascript" src="https://www.sencha.com/wp-content/cache/min/1/wp-content/plugins/popup-builder/public/js/PopupConfig.js?ver=1789670438" id="PopupConfig.js-js" data-rocket-defer defer></script>
vendor: 1 bytes, line 213
213
214<script type="text/javascript" id="PopupBuilder.js-js-before">
215/* <![CDATA[ */
216var SGPB_POPUP_PARAMS = {"popupTypeAgeRestriction":"ageRestriction","defaultThemeImages":{"1":"https:\/\/www.sencha.com\/wp-content\/plugins\/popup-builder\/public\/img\/theme_1\/close.png","2":"https:\/\/www.sencha.com\/wp-content\/plugins\/popup-builder\/public\/img\/theme_2\/close.png","3":"https:\/\/www.sencha.com\/wp-content\/plugins\/popup-builder\/public\/img\/theme_3\/close.png","5":"https:\/\/www.sencha.com\/wp-content\/plugins\/popup-builder\/public\/img\/theme_5\/close.png","6":"https:\/\/www.sencha.com\/wp-content\/plugins\/popup-builder\/public\/img\/theme_6\/close.png"},"homePageUrl":"https:\/\/www.sencha.com\/","isPreview":false,"convertedIdsReverse":[],"dontShowPopupExpireTime":365,"conditionalJsClasses":[],"disableAnalyticsGeneral":false};
217var SGPB_JS_PACKAGES = {"packages":{"current":1,"free":1,"silver":2,"gold":3,"platinum":4},"extensions":{"geo-targeting":false,"advanced-closing":false}};
218var SGPB_JS_PARAMS = {"ajaxUrl":"https:\/\/www.sencha.com\/wp-admin\/admin-ajax.php","nonce":"c6344bf044"};
219//# sourceURL=PopupBuilder.js-js-before
220/* ]]> */
221</script>
vendor: 1 bytes, line 221
221
222<script data-minify="1" type="text/javascript" src="https://www.sencha.com/wp-content/cache/min/1/wp-content/plugins/popup-builder/public/js/PopupBuilder.js?ver=1789670438" id="PopupBuilder.js-js" data-rocket-defer defer></script>
vendor: 1 bytes, line 222
222
223<script type="text/javascript" src="https://www.sencha.com/wp-content/themes/sencha/assets/js/owl.carousel.min.js?ver=2.3.4" id="owl-carousel-js-js" data-rocket-defer defer></script>
223
224<link rel="https://api.w.org/" href="https://www.sencha.com/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://www.sencha.com/wp-json/wp/v2/pages/3039" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://www.sencha.com/xmlrpc.php?rsd" />
225
226<link rel='shortlink' href='https://www.sencha.com/' />
227<style type="text/css">/*Custom CSS generated by the Genesis Custom Header plugin*/
228
229/*.gch-header-content {height:320px;vertical-align:middle;}*/
230
231.gch-header h1 {max-width:none;}
232
233
234.gch-header-image, .gch-header-slider {
235background: #fefefe;
236background: -moz-linear-gradient(top,  #fefefe 0%, #f8fafc 15%, #f7f9fb 31%, #dbe5eb 61%, #dbe5eb 61%, #d2dae2 79%, #c3cbd3 89%, #bfbfbf 100%);
237background: -webkit-linear-gradient(top,  #fefefe 0%,#f8fafc 15%,#f7f9fb 31%,#dbe5eb 61%,#dbe5eb 61%,#d2dae2 79%,#c3cbd3 89%,#bfbfbf 100%);
238background: linear-gradient(to bottom,  #fefefe 0%,#f8fafc 15%,#f7f9fb 31%,#dbe5eb 61%,#dbe5eb 61%,#d2dae2 79%,#c3cbd3 89%,#bfbfbf 100%);
239filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=&#039;#fefefe&#039;, endColorstr=&#039;#bfbfbf&#039;,GradientType=0 );
240
241}</style>		
241<script type="text/javascript">
242			(function(c, l, a, r, i, t, y) {
243				c[a] = c[a] || function() {
244					(c[a].q = c[a].q || []).push(arguments)
245				};
246				t = l.createElement(r);
247				t.async = 1;
248				t.src = "https://www.clarity.ms/tag/" + i + "?ref=wordpress";
249				y = l.getElementsByTagName(r)[0];
250				y.parentNode.insertBefore(t, y);
251			})(window, document, "clarity", "script", "wwmuixd4pv");
252		</script>
252
253	<style>span.pld-count-wrap {color: #111111;}</style>
254<!-- Google Tag Manager for WordPress by gtm4wp.com -->
255<!-- GTM Container placement set to manual -->
256<script data-cfasync="false" data-pagespeed-no-defer type="text/javascript">
257	var dataLayer_content = {"pagePostType":"frontpage","pagePostType2":"single-page","pageCategory":["sencha-revamp"]};
258	dataLayer.push( dataLayer_content );
259</script>
vendor: 1 bytes, line 259
259
260<script data-cfasync="false">
vendor: 322 bytes, lines 260-265
260
261(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
262new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
263j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
264'//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
265})(window,document,'script','dataLayer','
265GTM-K6P32Q9
vendor: 4 bytes, line 265
265');
266</script>
266
267<!-- End Google Tag Manager for WordPress by gtm4wp.com -->
267<script type="application/ld+json" class="ez-toc-schema-markup-output">{"@context":"https://schema.org","@graph":[{"@context":"https://schema.org","@type":"SiteNavigationElement","@id":"#ez-toc","name":"Build data-intensive applications using JavaScript","url":"https://www.sencha.com/#build-data-intensive-applications-using-javascript"},{"@context":"https://schema.org","@type":"SiteNavigationElement","@id":"#ez-toc","name":"GXT: Your go-to web framework for\r\n                    Java development","url":"https://www.sencha.com/#gxt-your-go-to-web-framework-for-java-development"},{"@context":"https://schema.org","@type":"SiteNavigationElement","@id":"#ez-toc","name":"Why develop with\r\n                    Sencha Ext JS?","url":"https://www.sencha.com/#why-develop-with-sencha-ext-js"},{"@context":"https://schema.org","@type":"SiteNavigationElement","@id":"#ez-toc","name":"Explore production-readyReExt-Powered Apps","url":"https://www.sencha.com/#explore-production-readyreext-powered-apps"},{"@context":"https://schema.org","@type":"SiteNavigationElement","@id":"#ez-toc","name":"Tired of unsecured open-source UI frameworks putting your business at risk?","url":"https://www.sencha.com/#tired-of-unsecured-open-source-ui-frameworks-putting-your-business-at-risk"},{"@context":"https://schema.org","@type":"SiteNavigationElement","@id":"#ez-toc","name":"Ready to dive in?","url":"https://www.sencha.com/#ready-to-dive-in"}]}</script>
267 
268	
269	<style>
270		.async-hide {
271			opacity: 0 !important
272		}
273		head > .cls_search,
274		head > .cls_results {
275			display: none;
276		}
277	 </style>
278
279		<meta name="generator" content="Elementor 3.21.8; features: e_optimized_assets_loading, e_optimized_css_loading, additional_custom_breakpoints; settings: css_print_method-external, google_font-enabled, font_display-auto">
280
281<script type="text/javascript">var essb_settings = {"ajax_url":"https:\/\/www.sencha.com\/wp-admin\/admin-ajax.php","essb3_nonce":"375bb71fcd","essb3_plugin_url":"https:\/\/www.sencha.com\/wp-content\/plugins\/easy-social-share-buttons3","essb3_stats":false,"essb3_ga":false,"essb3_ga_ntg":false,"blog_url":"https:\/\/www.sencha.com\/","post_id":"3039"};</script>
281<!-- There is no amphtml version available for this URL. --><style type="text/css" id="sns_global_styles">/* Live */
282@font-face {
283  font-family: 'Plus Jakarta Sans';
284  src: url('/wp-content/themes/sencha/fonts/PlusJakartaSans-Variable.woff2') format('woff2-variations'),
285       url('/wp-content/themes/sencha/fonts/PlusJakartaSans-Variable.woff2') format('woff2');
286  font-weight: 200 800;
287  font-style: normal;
288  font-display: swap;
289}
290
291@font-face {
292  font-family: 'Plus Jakarta Sans';
293  src: url('/wp-content/themes/sencha/fonts/PlusJakartaSans-Italic-Variable.woff2') format('woff2-variations'),
294       url('/wp-content/themes/sencha/fonts/PlusJakartaSans-Italic-Variable.woff2') format('woff2');
295  font-weight: 200 800;
296  font-style: italic;
297  font-display: swap;
298}
299@font-face {
300    font-family: 'Open Sans';
301    src: url('/wp-content/themes/sencha/fonts/OpenSans-Regular.woff') format('woff');
302    font-weight: 400;
303    font-style: normal;
304    font-display: swap;
305}
306
307@font-face {
308    font-family: 'Open Sans';
309    src: url('/wp-content/themes/sencha/fonts/OpenSans-Bold.woff') format('woff');
310    font-weight: 700;
311    font-style: normal;
312    font-display: swap;
313}
314@font-face {
315    font-family: 'Open Sans';
316    src: url('/wp-content/themes/sencha/fonts/OpenSans-SemiBold.woff') format('woff');
317    font-weight: 600;
318    font-style: normal;
319    font-display: swap;
320}
321@media screen {
322
323    @font-face {
324        font-family: 'Open Sans';
325        src: url('/wp-content/themes/sencha/fonts/OpenSans-Light.woff') format('woff');
326        font-weight: 300;
327        font-style: normal;
328        font-display: swap;
329    }
330
331    @font-face {
332        font-family: 'Open Sans';
333        src: url('/wp-content/themes/sencha/fonts/OpenSans-Medium.woff') format('woff');
334        font-weight: 500;
335        font-style: normal;
336        font-display: swap;
337    }
338}
339
340@font-face {
341    font-family: 'icomoon';
342    src:url('/wp-content/themes/sencha/fonts/icomoon.woff?v21') format('woff');
343    font-weight: normal;
344    font-style: normal;
345    font-display: swap;
346}
347
348.cs-icon {
349    /* use !important to prevent issues with browser extensions that change fonts */
350    font-family: 'icomoon' !important;
351    speak: never;
352    font-style: normal;
353    font-weight: normal;
354    font-variant: normal;
355    text-transform: none;
356    line-height: 1;
357
358    /* Better Font Rendering =========== */
359    -webkit-font-smoothing: antialiased;
360    -moz-osx-font-smoothing: grayscale;
361}
362
363.icon-referral:before {
364  content: "\e98d";
365}
366
367.icon-stencils-outline:before {
368  content: "\e98c";
369}
370
371.icon-training-outline:before {
372  content: "\e989";
373}
374
375.icon-cloud-download:before {
376  content: "\e98b";
377}
378
379.icon-SearchIcon:before {
380  content: "\e987";
381}
382
383.icon-ua-outline:before {
384  content: "\e98a";
385}
386
387.icon-eclipse:before {
388    content: "\e986";
389}
390
391.icon-vs:before {
392    content: "\e983";
393}
394
395.icon-jetbrains:before {
396    content: "\e984";
397}
398
399.icon-vs-code:before {
400    content: "\e985";
401}
402
403.icon-inspect-app:before {
404    content: "\e980";
405}
406
407.icon-remote-debugging:before {
408    content: "\e981";
409}
410
411.icon-cross-circle:before {
412    content: "\e982";
413}
414
415.icon-x-twitter:before {
416    content: "\e97e";
417}
418
419.icon-react-time-tracker:before {
420    content: "\e97f";
421}
422
423.icon-sort:before {
424    content: "\e97c";
425}
426
427.icon-check-green:before {
428    content: "\e97d";
429    color: #7ac510;
430}
431
432.icon-native-packaging:before {
433    content: "\e900";
434}
435
436.icon-visual-app:before {
437    content: "\e901";
438}
439
440.icon-extjs-pro:before {
441    content: "\e902";
442}
443
444.icon-app-theming:before {
445    content: "\e903";
446}
447
448.icon-cmd-integration:before {
449    content: "\e904";
450}
451
452.icon-js-compiler:before {
453    content: "\e905";
454}
455
456.icon-progress:before {
457    content: "\e906";
458}
459
460.icon-scaffolding:before {
461    content: "\e907";
462}
463
464.icon-dynamic-package:before {
465    content: "\e908";
466}
467
468.icon-architect-user:before {
469    content: "\e909";
470}
471
472.icon-rapid-ext-js:before {
473    content: "\e971";
474}
475
476.icon-reext-logo:before {
477    content: "\e970";
478}
479
480.icon-shield-gxt:before {
481    content: "\e96f";
482}
483
484.icon-ui-components:before {
485    content: "\e96e";
486}
487
488.icon-ext-js-fill:before {
489    content: "\e96c";
490}
491
492.icon-arrow-right-short:before {
493    content: "\e96d";
494}
495
496.icon-ext-js:before {
497    content: "\e96a";
498}
499
500.icon-react:before {
501    content: "\e96b";
502}
503
504.icon-sencha-sdk:before {
505    content: "\e969";
506}
507
508.icon-eyelid-open:before {
509    content: "\e968";
510}
511
512.icon-tick-round:before {
513    content: "\e966";
514}
515
516.icon-eyelid:before {
517    content: "\e967";
518}
519
520.icon-email:before {
521    content: "\e95f";
522}
523
524.icon-linkedin-round:before {
525    content: "\e960";
526}
527
528.icon-fb-round:before {
529    content: "\e961";
530}
531
532.icon-twitter-round:before {
533    content: "\e962";
534}
535
536.icon-eye-show:before {
537    content: "\e963";
538}
539
540.icon-watch:before {
541    content: "\e964";
542}
543
544.icon-calendar:before {
545    content: "\e965";
546}
547
548.icon-arrow-down:before {
549    content: "\e90a";
550}
551
552.icon-search:before {
553    content: "\e90b";
554}
555
556.icon-component:before {
557    content: "\e90c";
558}
559
560.icon-support:before {
561    content: "\e90d";
562}
563
564.icon-youtube-2:before {
565    content: "\e90e";
566}
567
568.icon-github:before {
569    content: "\e90f";
570}
571
572.icon-discord:before {
573    content: "\e910";
574}
575
576.icon-stackoverflow:before {
577    content: "\e911";
578}
579
580.icon-toggle-menu:before {
581    content: "\e912";
582}
583
584.icon-resources:before {
585    content: "\e913";
586}
587
588.icon-licensing:before {
589    content: "\e914";
590}
591
592.icon-training:before {
593    content: "\e915";
594}
595
596.icon-browser-support:before {
597    content: "\e916";
598}
599
600.icon-secure:before {
601    content: "\e917";
602}
603
604.icon-faster:before {
605    content: "\e918";
606}
607
608.icon-performance:before {
609    content: "\e919";
610}
611
612.icon-productivity:before {
613    content: "\e91a";
614}
615
616.icon-play-btn:before {
617    content: "\e91b";
618}
619
620.icon-arrow-right:before {
621    content: "\e91c";
622}
623
624.icon-adviser-green:before {
625    content: "\e91d";
626}
627
628.icon-about:before {
629    content: "\e91e";
630}
631
632.icon-adviser:before {
633    content: "\e91f";
634}
635
636.icon-architect:before {
637    content: "\e920";
638}
639
640.icon-arrow-swap:before {
641    content: "\e921";
642}
643
644.icon-twitter:before {
645    content: "\e922";
646}
647
648.icon-facebook:before {
649    content: "\e923";
650}
651
652.icon-linkedin:before {
653    content: "\e924";
654}
655
656.icon-youtube:before {
657    content: "\e925";
658}
659
660.icon-elements:before {
661    content: "\e926";
662}
663
664.icon-clipboard-text:before {
665    content: "\e927";
666}
667
668.icon-clipboard-text-2:before {
669    content: "\e928";
670}
671
672.icon-clipboard-tick:before {
673    content: "\e929";
674}
675
676.icon-news-and-media:before {
677    content: "\e92a";
678}
679
680.icon-bill:before {
681    content: "\e92b";
682}
683
684.icon-store:before {
685    content: "\e92c";
686}
687
688.icon-keyboard-open:before {
689    content: "\e92d";
690}
691
692.icon-code:before {
693    content: "\e92e";
694}
695
696.icon-desktop:before {
697    content: "\e92f";
698}
699
700.icon-empty-wallet:before {
701    content: "\e930";
702}
703
704.icon-user-tick:before {
705    content: "\e931";
706}
707
708.icon-buy-gxt:before {
709    content: "\e932";
710}
711
712.icon-buy-js:before {
713    content: "\e933";
714}
715
716.icon-licensing-2:before {
717    content: "\e934";
718}
719
720.icon-layer:before {
721    content: "\e935";
722}
723
724.icon-messages:before {
725    content: "\e936";
726}
727
728.icon-fiddle:before {
729    content: "\e937";
730}
731
732.icon-faqs:before {
733    content: "\e938";
734}
735
736.icon-growth:before {
737    content: "\e939";
738}
739
740.icon-headphone:before {
741    content: "\e93a";
742}
743
744.icon-book:before {
745    content: "\e93b";
746}
747
748.icon-lamp-charge:before {
749    content: "\e93c";
750}
751
752.icon-sms-tracking:before {
753    content: "\e93d";
754}
755
756.icon-chart-2:before {
757    content: "\e93e";
758}
759
760.icon-profile-user:before {
761    content: "\e93f";
762}
763
764.icon-sencha-blog:before {
765    content: "\e940";
766}
767
768.icon-message-text:before {
769    content: "\e941";
770}
771
772.icon-question-mark:before {
773    content: "\e942";
774}
775
776.icon-rotate-right:before {
777    content: "\e943";
778}
779
780.icon-sencha-mvp:before {
781    content: "\e944";
782}
783
784.icon-kitchen-sink:before {
785    content: "\e945";
786}
787
788.icon-directbox-send:before {
789    content: "\e946";
790}
791
792.icon-subtitle:before {
793    content: "\e947";
794}
795
796.icon-task-square:before {
797    content: "\e948";
798}
799
800.icon-user-square:before {
801    content: "\e949";
802}
803
804.icon-document-text:before {
805    content: "\e94a";
806}
807
808.icon-status-up:before {
809    content: "\e94b";
810}
811
812.icon-grid-3:before {
813    content: "\e94c";
814}
815
816.icon-setting:before {
817    content: "\e94d";
818}
819
820.icon-video-play:before {
821    content: "\e94e";
822}
823
824.icon-skill-sprint-series:before {
825    content: "\e94f";
826}
827
828.icon-community-edition-orange:before {
829    content: "\e950";
830}
831
832.icon-white-papers:before {
833    content: "\e951";
834}
835
836.icon-plugins:before {
837    content: "\e952";
838}
839
840.icon-search-normal:before {
841    content: "\e953";
842}
843
844.icon-glass:before {
845    content: "\e954";
846}
847
848.icon-community-edition:before {
849    content: "\e955";
850}
851
852.icon-test:before {
853    content: "\e956";
854}
855
856.icon-cmd:before {
857    content: "\e957";
858}
859
860.icon-double-arrow-right:before {
861    content: "\e958";
862}
863
864.icon-note-text:before {
865    content: "\e959";
866}
867
868.icon-chart:before {
869    content: "\e95a";
870}
871
872.icon-align-vertically:before {
873    content: "\e95b";
874}
875
876.icon-grid-2:before {
877    content: "\e95c";
878}
879
880.icon-grid-1:before {
881    content: "\e95d";
882}
883
884.icon-products:before {
885    content: "\e95e";
886}
887
888.icon-data-package:before {
889    content: "\e972";
890}
891
892.icon-accessibility:before {
893    content: "\e973";
894}
895
896.icon-adaptive:before {
897    content: "\e974";
898}
899
900.icon-test1:before {
901    content: "\e975";
902}
903
904.icon-design:before {
905    content: "\e976";
906}
907
908.icon-develop:before {
909    content: "\e977";
910}
911
912.icon-download-btn:before {
913    content: "\e978";
914}
915
916.icon-tick:before {
917    content: "\e979";
918}
919
920.icon-community-edition-stroke:before {
921    content: "\e97a";
922}
923
924.icon-document-check:before {
925    content: "\e97b";
926}
927
928.icon-demo-training:before {
929    content: "\e988";
930}
931
932
933
934
935/* Color Variables */
936:root {
937    --clr-pri: 134, 188, 64;
938    /* #86BC40 */
939    /* Green */
940    --clr-sec: 10, 140, 198;
941    /* #0A8CC6 */
942    /* Light Blue */
943    --clr-sec2: 2, 64, 89;
944    /* #024059 */
945    /* Dark Blue */
946    --clr-sec3: 2, 91, 128;
947    /* #025B80 */
948    /* Medium Blue */
949    --clr-orange: 245, 134, 31;
950    /* #F5861F */
951    --clr-gray: 26, 26, 26;
952    /* #1A1A1A */
953    --clr-gray2: 69, 69, 69;
954    /* #454545 */
955    --clr-gray3: 226, 226, 226;
956    /* #E2E2E2 */
957    --clr-dark: 0, 0, 0;
958    /* #000000 */
959    --clr-light: 255, 255, 255;
960    /* #ffffff */
961    --clr-form-control: 153, 153, 153;
962    /* #999999 */
963    --header-height: 111px;
964
965    --clr-primary-dark: 3, 53, 75;
966    /* #03354B */
967    /* Dark Blue */
968    --clr-primary-med: 4, 63, 89;
969    /* #043F59 */
970    /* Medium Blue */
971    --clr-primary-light: 5, 64, 89;
972    /* #054059 */
973    /* Light Blue */
974    --clr-secondary-dark: 135, 189, 62;
975    /* #87BD3E */
976    /* Dark Green */
977    --clr-secondary-med: 160, 198, 85;
978    /* #A0C655 */
979    /* Light Green */
980    --clr-tertiary: 245, 134, 31;
981    /* #F5861F */
982    /* Orange */
983}
984
985/* Common CSS Starts */
986* {
987    margin: 0;
988    padding: 0;
989    box-sizing: border-box;
990}
991
992.container {
993    width: 85%;
994    max-width: 1500px;
995    margin: auto;
996}
997
998body.no-scroll {
999    overflow: hidden;
1000}
1001
1002header.header-main {
1003    position: fixed;
1004    top: 0;
1005    left: 0;
1006    width: 100%;
1007    z-index: 99;
1008    background-color: #fff;
1009    min-height: var(--header-height);
1010}
1011
1012.admin-bar header.header-main {
1013    top: 32px;
1014}
1015
1016header.header-main .container,
1017footer .container {
1018    width: 90%;
1019}
1020
1021div#cookiescript_description span,
1022div#cookiescript_manage span {
1023    color: rgb(var(--clr-light));
1024}
1025
1026.site-inner-new {
1027    padding-top: var(--header-height);
1028}
1029
1030/* .admin-bar .site-inner-new {
1031    padding-top: calc(var(--header-height) + 32px) ;
1032} */
1033a {
1034    text-decoration: none !important;
1035}
1036
1037a.btn:not(.btn-border-sec):hover {
1038    color: rgb(var(--clr-light)) !important;
1039}
1040
1041.site-container-new p {
1042    font-size: 16px;
1043    font-weight: 400;
1044    line-height: 1.5;
1045    margin: 0;
1046    max-width: unset;
1047}
1048
1049.site-container-new p:empty {
1050    display: none;
1051}
1052
1053.btn {
1054    display: inline-flex;
1055    align-items: center;
1056    justify-content: center;
1057    font-weight: 600;
1058    line-height: 1.5;
1059    text-align: center;
1060    text-decoration: none;
1061    vertical-align: middle;
1062    color: rgb(var(--clr-gray));
1063    cursor: pointer;
1064    user-select: none;
1065    background-color: transparent;
1066    border: 1px solid transparent;
1067    padding: 6px 12px;
1068    font-size: 16px;
1069    border-radius: 8px;
1070    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
1071    min-height: 45px;
1072    width: 100%;
1073    position: relative;
1074}
1075
1076/* btn-pri */
1077.btn-pri {
1078    background-color: rgb(var(--clr-pri));
1079    color: rgb(var(--clr-light));
1080}
1081
1082.btn-pri:before {
1083    content: "";
1084    width: 0;
1085    height: 100%;
1086    background: rgb(0 0 0 / 6%);
1087    z-index: 1;
1088    position: absolute;
1089    left: 0;
1090    top: 0;
1091    transition: all 0.4s cubic-bezier(0.43, 0.54, 0.27, 0.83);
1092    border-radius: 8px;
1093}
1094
1095.btn-pri:hover {
1096    background-color: rgb(var(--clr-pri));
1097}
1098
1099.btn-pri:hover:before {
1100    width: 100%;
1101}
1102
1103.btn-pri span,
1104.btn-pri .cs-icon {
1105    z-index: 2;
1106}
1107
1108/* btn-orange */
1109.btn-orange {
1110    background-color: rgb(var(--clr-orange));
1111    color: rgb(var(--clr-light));
1112}
1113
1114/* btn-sec */
1115.btn-sec {
1116    background-color: rgb(var(--clr-sec));
1117    color: rgb(var(--clr-light));
1118}
1119
1120.btn-sec .cs-icon {
1121    color: rgb(var(--clr-sec));
1122}
1123
1124/* btn-sec2 */
1125.btn-sec2 {
1126    background-color: rgb(var(--clr-sec2));
1127    color: rgb(var(--clr-light));
1128}
1129
1130/* btn-sec3 */
1131.btn-sec3 {
1132    background-color: rgb(var(--clr-sec3));
1133    color: rgb(var(--clr-light));
1134}
1135
1136.btn-sec3:before {
1137    content: "";
1138    width: 0;
1139    height: 100%;
1140    background: rgb(0 0 0 / 6%);
1141    z-index: 1;
1142    position: absolute;
1143    left: 0;
1144    top: 0;
1145    transition: all 0.4s cubic-bezier(0.43, 0.54, 0.27, 0.83);
1146    border-radius: 8px;
1147}
1148
1149.btn-sec3:hover:before {
1150    width: 100%;
1151}
1152
1153.btn-sec3 span,
1154.btn-sec3 .cs-icon {
1155    z-index: 2;
1156}
1157
1158/* btn-light */
1159.btn-light {
1160    background-color: rgb(var(--clr-light));
1161    color: rgb(var(--clr-sec3)) !important;
1162}
1163
1164.btn.btn-light:hover,
1165a.btn.btn-light:hover {
1166    color: rgb(var(--clr-sec3)) !important;
1167}
1168
1169.btn.btn-light:before {
1170    content: "";
1171    width: 0;
1172    height: 100%;
1173    background: rgb(var(--clr-sec), 0.06);
1174    z-index: 1;
1175    position: absolute;
1176    left: 0;
1177    top: 0;
1178    transition: all 0.4s cubic-bezier(0.43, 0.54, 0.27, 0.83);
1179    border-radius: 8px;
1180}
1181
1182.btn.btn-light:hover:before {
1183    width: 100%;
1184}
1185
1186.btn-light.btn-w-icon:hover,
1187.btn-light.btn-w-icon .cs-icon {
1188    color: rgb(var(--clr-sec3)) !important;
1189}
1190
1191.btn-light span {
1192    color: inherit;
1193}
1194
1195/* btn-border-sec */
1196.btn-border-sec {
1197    color: rgb(var(--clr-sec));
1198    border-color: rgb(var(--clr-sec));
1199}
1200
1201.btn.btn-border-sec:before {
1202    content: "";
1203    width: 0;
1204    height: 100%;
1205    background: rgb(var(--clr-sec), 0.06);
1206    z-index: 1;
1207    position: absolute;
1208    left: 0;
1209    top: 0;
1210    transition: all 0.4s cubic-bezier(0.43, 0.54, 0.27, 0.83);
1211    border-radius: 8px;
1212}
1213
1214.btn.btn-border-sec:hover:before {
1215    width: 100%;
1216}
1217
1218.btn.btn-border-sec span {
1219    color: rgb(var(--clr-sec));
1220}
1221
1222/* btn-border-sec2 */
1223.btn-border-sec2 {
1224    border-color: rgb(var(--clr-sec2));
1225    color: rgb(var(--clr-sec2));
1226}
1227
1228.btn.btn-border-sec2:before {
1229    content: "";
1230    width: 0;
1231    height: 100%;
1232    background: rgb(var(--clr-sec2), 0.06);
1233    z-index: 1;
1234    position: absolute;
1235    left: 0;
1236    top: 0;
1237    transition: all 0.4s cubic-bezier(0.43, 0.54, 0.27, 0.83);
1238    border-radius: 8px;
1239}
1240
1241.btn.btn-border-sec2:hover:before {
1242    width: 100%;
1243}
1244
1245/* btn-border-sec3 */
1246.btn-border-sec3 {
1247    border-color: rgb(var(--clr-sec3));
1248    color: rgb(var(--clr-sec3));
1249}
1250
1251.btn.btn-border-sec3:before {
1252    content: "";
1253    width: 0;
1254    height: 100%;
1255    background: rgb(var(--clr-sec3), 0.06);
1256    z-index: 1;
1257    position: absolute;
1258    left: 0;
1259    top: 0;
1260    transition: all 0.4s cubic-bezier(0.43, 0.54, 0.27, 0.83);
1261    border-radius: 8px;
1262}
1263
1264.btn.btn-border-sec3:hover:before {
1265    width: 100%;
1266}
1267
1268.btn-border-sec3 span {
1269    color: rgb(var(--clr-sec2));
1270}
1271
1272/* btn-primary-dark */
1273.btn-primary-dark {
1274    background-color: rgb(var(--clr-primary-dark));
1275    color: rgb(var(--clr-light));
1276}
1277
1278.btn-primary-dark:before {
1279    content: "";
1280    width: 0;
1281    height: 100%;
1282    background: rgb(0 0 0 / 6%);
1283    z-index: 1;
1284    position: absolute;
1285    left: 0;
1286    top: 0;
1287    transition: all 0.4s cubic-bezier(0.43, 0.54, 0.27, 0.83);
1288    border-radius: 8px;
1289}
1290
1291.btn-primary-dark:hover {
1292    background-color: rgb(var(--clr-primary-dark));
1293}
1294
1295.btn-primary-dark:hover:before {
1296    width: 100%;
1297}
1298
1299.btn-primary-dark span,
1300.btn-primary-dark .cs-icon {
1301    z-index: 2;
1302}
1303
1304/* btn-primary-med */
1305.btn-primary-med {
1306    background-color: rgb(var(--clr-primary-med));
1307    color: rgb(var(--clr-light));
1308}
1309
1310.btn-primary-med:before {
1311    content: "";
1312    width: 0;
1313    height: 100%;
1314    background: rgb(0 0 0 / 6%);
1315    z-index: 1;
1316    position: absolute;
1317    left: 0;
1318    top: 0;
1319    transition: all 0.4s cubic-bezier(0.43, 0.54, 0.27, 0.83);
1320    border-radius: 8px;
1321}
1322
1323.btn-primary-med:hover {
1324    background-color: rgb(var(--clr-primary-med));
1325}
1326
1327.btn-primary-med:hover:before {
1328    width: 100%;
1329}
1330
1331.btn-primary-med span,
1332.btn-primary-med .cs-icon {
1333    z-index: 2;
1334}
1335
1336/* btn-border-light */
1337.btn-border-light {
1338    color: rgb(var(--clr-light));
1339    border-color: rgb(var(--clr-light));
1340}
1341
1342.btn-border-light span {
1343    color: inherit;
1344}
1345
1346.btn-border-light:before {
1347    content: "";
1348    width: 0;
1349    height: 100%;
1350    background: rgb(var(--clr-sec3), 0.06);
1351    z-index: 1;
1352    position: absolute;
1353    left: 0;
1354    top: 0;
1355    transition: all 0.4s cubic-bezier(0.43, 0.54, 0.27, 0.83);
1356    border-radius: 8px;
1357}
1358
1359.btn-border-light:hover:before {
1360    width: 100%;
1361}
1362
1363/* btn-w-icon */
1364.btn-w-icon {
1365    gap: 15px;
1366}
1367
1368.btn-w-icon .cs-icon {
1369    transition: all 0.4s cubic-bezier(0.43, 0.54, 0.27, 0.83);
1370    color: rgb(var(--clr-light));
1371}
1372
1373.btn-w-icon:hover .cs-icon {
1374    transform: translatex(4px);
1375}
1376
1377/* btn-w-img */
1378.btn-w-img {
1379    gap: 10px;
1380}
1381
1382.btn-w-img img {
1383    max-width: 30px;
1384    max-height: 30px;
1385}
1386
1387.btn-sec span,
1388.btn-sec2 span,
1389.btn-sec3 span {
1390    color: rgb(var(--clr-light));
1391}
1392
1393.btn span {
1394    white-space: nowrap;
1395}
1396
1397.btn .cs-icon {
1398    font-size: 25px;
1399}
1400
1401.text-pri {
1402    color: rgb(var(--clr-pri)) !important;
1403}
1404
1405.text-sec {
1406    color: rgb(var(--clr-sec)) !important;
1407}
1408
1409.text-sec2 {
1410    color: rgb(var(--clr-sec2)) !important;
1411}
1412
1413.text-sec3 {
1414    color: rgb(var(--clr-sec3)) !important;
1415}
1416
1417.text-orange {
1418    color: rgb(var(--clr-orange)) !important;
1419}
1420
1421.text-center {
1422    text-align: center;
1423}
1424
1425.heading-one {
1426    font-size: 40px;
1427    font-weight: 700;
1428    line-height: 1.3;
1429    color: rgb(var(--clr-gray));
1430    margin: 0;
1431    letter-spacing: unset;
1432}
1433
1434.heading-two {
1435    font-size: 30px;
1436    font-weight: 600;
1437    line-height: 1.4;
1438    color: rgb(var(--clr-gray));
1439    margin: 0;
1440    letter-spacing: unset;
1441}
1442
1443.heading-three {
1444    font-size: 20px;
1445    font-weight: 600;
1446    line-height: 1.4;
1447    color: rgb(var(--clr-gray));
1448    margin: 0;
1449    letter-spacing: unset;
1450}
1451
1452.heading-four {
1453    font-size: 16px;
1454    font-weight: 600;
1455    line-height: 1.4;
1456    color: rgb(var(--clr-gray));
1457    margin: 0;
1458    letter-spacing: unset;
1459}
1460
1461/* Common CSS Ends */
1462
1463/* Header Starts */
1464.mini-header {
1465    background-color: rgb(var(--clr-sec2));
1466    min-height: 33px;
1467    padding: 4px 0;
1468}
1469
1470.mini-header-content {
1471    display: flex;
1472    align-items: center;
1473    justify-content: space-between;
1474    font-size: 13px;
1475}
1476
1477.site-container-new .mini-header-content p {
1478    font-size: 13px;
1479    color: rgb(var(--clr-light));
1480}
1481
1482.mini-header-content p a {
1483    color: rgb(var(--clr-pri));
1484    font-weight: 600;
1485}
1486
1487.common-header {
1488    padding: 25px 0;
1489}
1490
1491.header-content {
1492    display: flex;
1493    align-items: center;
1494    justify-content: space-between;
1495}
1496
1497.header-content .logo {
1498    flex: 0 0 172px;
1499    max-width: 172px;
1500}
1501
1502.header-content .logo img {
1503    width: 100%;
1504    max-width: 172px;
1505    max-height: 64px;
1506}
1507
1508.header-content .logo img a {
1509    display: flex;
1510}
1511
1512ul.mini-header-nav {
1513    display: flex;
1514    align-items: center;
1515    gap: 50px;
1516    list-style-type: none;
1517    padding-left: 0;
1518}
1519
1520ul.mini-header-nav .menu-item a {
1521    color: rgb(var(--clr-light));
1522    cursor: pointer;
1523}
1524
1525ul.mini-header-nav .menu-item .cs-icon {
1526    color: rgb(var(--clr-light));
1527}
1528
1529
1530
1531ul.header-nav {
1532    display: flex;
1533    align-items: center;
1534    gap: 33px;
1535    list-style-type: none;
1536    padding-left: 0;
1537    position: relative;
1538}
1539
1540ul.header-nav .menu-item {
1541    position: relative;
1542}
1543
1544ul.header-nav .menu-item a {
1545    color: var(--clr-dark);
1546    display: flex;
1547    align-items: center;
1548    gap: 11px;
1549    font-weight: 600;
1550    position: relative;
1551}
1552
1553ul.header-nav .menu-item.open>a {
1554    color: rgb(var(--clr-sec));
1555}
1556
1557ul.header-nav .menu-item a .cs-icon {
1558    font-size: 14px;
1559}
1560
1561ul.header-nav>.menu-item>.sub-menu {
1562    display: flex;
1563    background-color: rgba(var(--clr-light));
1564    width: auto;
1565}
1566
1567/* ul.header-nav > .menu-item.products-menu > .sub-menu {
1568    box-shadow: none;
1569    background-color: transparent;
1570}
1571ul.header-nav > .menu-item.products-menu > .sub-menu.show {
1572    background-color: rgb(var(--clr-light));
1573} */
1574ul.header-nav>.menu-item>a {
1575    cursor: pointer;
1576}
1577
1578ul.header-nav>.menu-item>.sub-menu>.menu-item {
1579    padding: 16px;
1580    flex: 0 0 240px;
1581    min-width: 240px;
1582}
1583
1584ul.header-nav .products-menu .left-img-section {
1585    box-shadow: 0px 0px 2px rgba(var(--clr-dark), 0.25), 0 4px 4px rgba(var(--clr-dark), 0.25);
1586    background-color: rgb(var(--clr-light));
1587    border-radius: 8px 8px;
1588}
1589
1590ul.header-nav>.menu-item>.sub-menu>.menu-item>a {
1591    font-size: 16px;
1592    color: rgb(var(--clr-sec2));
1593    padding-bottom: 10px;
1594    margin-bottom: 10px;
1595    border-bottom: 1px solid rgba(var(--clr-gray), 0.1);
1596    display: flex;
1597    align-items: center;
1598    pointer-events: none;
1599}
1600
1601ul.header-nav>.menu-item>.sub-menu .sub-menu .menu-item a {
1602    padding: 6px 8px;
1603    font-size: 15px;
1604    border-radius: 8px;
1605    margin-bottom: 8px;
1606    font-weight: 500;
1607}
1608
1609ul.header-nav>.menu-item>.sub-menu .sub-menu>.menu-item:last-child a {
1610    margin-bottom: 0;
1611}
1612
1613ul.header-nav .menu-item.more-ui-components a {
1614    background-color: rgba(var(--clr-sec), 0.08);
1615    color: rgba(var(--clr-sec));
1616    justify-content: space-between;
1617    border: 1px solid transparent;
1618}
1619
1620ul.header-nav .menu-item.more-ui-components:hover a {
1621    background-color: rgba(var(--clr-sec), 0.15);
1622}
1623
1624ul.header-nav .menu-item.more-ui-components:hover .cs-icon {
1625    transform: translateX(2px);
1626}
1627
1628ul.header-nav .sub-menu .menu-item a .cs-icon {
1629    font-size: 18px;
1630    color: rgb(var(--clr-sec));
1631}
1632
1633ul.header-nav .menu-item.menu-item-img img {
1634    width: 100%;
1635    max-width: 18px;
1636}
1637
1638ul.header-nav .menu-item.left-img-section>.sub-menu {
1639    display: flex;
1640    flex-direction: column;
1641    gap: 20px;
1642    flex: 1;
1643}
1644
1645ul.header-nav .menu-item.left-img-section>.sub-menu>.menu-item a {
1646    display: flex;
1647    flex-direction: column;
1648    align-items: flex-start;
1649    font-size: 16px;
1650    padding: 0;
1651    gap: 3px;
1652    margin-bottom: 0;
1653}
1654
1655ul.header-nav .menu-item.left-img-section>.sub-menu>.menu-item a>.sub-menu-add {
1656    width: 100%;
1657    display: flex;
1658    align-items: center;
1659    justify-content: space-between;
1660}
1661
1662ul.header-nav .menu-item.left-img-section>.sub-menu>.menu-item a>.sub-menu-add>.cs-icon {
1663    transform: rotate(-90deg);
1664    color: rgb(var(--clr-dark));
1665    font-size: 12px;
1666}
1667
1668ul.header-nav .menu-item.left-img-section>.sub-menu>.menu-item a:hover .sub-menu-add,
1669ul.header-nav .menu-item.left-img-section>.sub-menu>.menu-item a:hover>.sub-menu-add>.cs-icon,
1670ul.header-nav .menu-item.left-img-section>.sub-menu>.menu-item:not(.sub-menu-btn) a:hover span {
1671    color: rgb(var(--clr-sec));
1672}
1673
1674ul.header-nav .menu-item.left-img-section>.sub-menu>.menu-item a span {
1675    font-size: 14px;
1676}
1677
1678ul.header-nav .menu-item.left-img-section>.sub-menu>.menu-item a img {
1679    width: 100%;
1680    margin-top: 5px;
1681}
1682
1683ul.header-nav .menu-item.left-img-section a.btn {
1684    justify-content: center;
1685    flex-direction: row !important;
1686    align-items: center !important;
1687    color: rgb(var(--clr-light));
1688    border-radius: 5px !important;
1689    max-width: 150px;
1690}
1691
1692ul.header-nav .menu-item.left-img-section>.sub-menu>.sub-menu-btn {
1693    flex: 1;
1694    display: flex;
1695    align-items: flex-end;
1696}
1697
1698ul.header-nav .menu-item.left-img-section>.sub-menu>.sub-menu-btn .btn {
1699    max-width: 135px;
1700    border-radius: 5px;
1701    flex: 1;
1702    display: flex;
1703    min-height: 38px;
1704}
1705
1706ul.header-nav .menu-item.left-img-section>.sub-menu>.sub-menu-btn a {
1707    z-index: 1;
1708    width: 100%;
1709}
1710
1711ul.header-nav>.menu-item>.sub-menu>.empty-sub-menu>a {
1712    border-bottom: none;
1713}
1714
1715ul.header-nav .menu-item.cs-no-sep {
1716    padding-right: 0 !important;
1717    border-right: none !important;
1718}
1719
1720ul.header-nav .menu-item.cs-no-sep+.menu-item {
1721    padding-left: 0 !important;
1722}
1723
1724.header-action {
1725    display: flex;
1726    gap: 16px;
1727}
1728
1729.header-action .btn {
1730    min-width: 175px;
1731}
1732
1733.header-action .btn a {
1734    color: rgb(var(--clr-dark));
1735    z-index: 1;
1736}
1737
1738.header-action .btn-sec3 a,
1739.header-action .btn-sec3 a span {
1740    color: rgb(var(--clr-light));
1741}
1742
1743.header-action .btn-border-sec3 a,
1744.header-action .btn-border-sec3 a span {
1745    color: rgb(var(--clr-sec3));
1746}
1747
1748.mobile-menu-toggle {
1749    display: none;
1750    cursor: pointer;
1751}
1752
1753.mobile-menu-toggle .cs-icon {
1754    font-size: 20px;
1755}
1756
1757.close-nav {
1758    position: fixed;
1759    top: 0;
1760    right: 0;
1761    width: 300px;
1762    height: 41px;
1763    background-color: rgba(var(--clr-sec));
1764    z-index: 999;
1765    display: none;
1766    transform: translateX(100%);
1767    transition: all 0.4s ease;
1768}
1769
1770.close-nav span {
1771    width: 25px;
1772    height: 25px;
1773    background-color: rgb(var(--clr-gray), 0.3);
1774    background-color: transparent;
1775    border-radius: 5px;
1776    display: flex;
1777    align-items: center;
1778    justify-content: center;
1779    position: absolute;
1780    top: 50%;
1781    right: 10px;
1782    transform: translateY(-50%);
1783}
1784
1785.close-nav span:before {
1786    content: "";
1787    position: absolute;
1788    width: 2px;
1789    height: calc(100% - 4px);
1790    background-color: #fff;
1791    transform: rotate(45deg);
1792}
1793
1794.close-nav span:after {
1795    content: "";
1796    position: absolute;
1797    width: 2px;
1798    height: calc(100% - 4px);
1799    background-color: #fff;
1800    transform: rotate(-45deg);
1801}
1802
1803.overlay {
1804    position: fixed;
1805    top: 0;
1806    bottom: 0;
1807    left: 0;
1808    right: 0;
1809    width: 100%;
1810    height: 100%;
1811    background-color: rgba(var(--clr-gray), 0.3);
1812    z-index: 9;
1813    display: none;
1814}
1815
1816.header-mob-btns {
1817    display: none;
1818}
1819
1820.search-form-wrapper {
1821    position: fixed;
1822    top: 0;
1823    right: 0;
1824    background-color: #303848f5;
1825    /* padding: 108px 20px; */
1826    width: 100%;
1827    border-radius: 5px;
1828    height: 100%;
1829    z-index: 9999;
1830    transform: translateY(-120%);
1831    transition: all 0.4s ease;
1832    display: flex;
1833    align-items: center;
1834    justify-content: center;
1835}
1836
1837.search-form-wrapper.open {
1838    transform: translateY(0);
1839}
1840
1841.search-form-content {
1842    width: 100%;
1843}
1844
1845.search-form-wrapper .search-form {
1846    display: flex;
1847    align-items: center;
1848    position: relative;
1849    max-width: 70%;
1850    margin: 0 auto;
1851    transition: all 0.4s ease;
1852    transform: translateY(-20px);
1853    opacity: 0;
1854    visibility: hidden;
1855    transition-delay: 0.5s;
1856}
1857
1858.search-form-wrapper.open .search-form {
1859    visibility: visible;
1860    opacity: 1;
1861    transform: translateY(0);
1862}
1863
1864.search-form-wrapper .search-form input {
1865    width: 100% !important;
1866    padding: 0 52px 0 12px !important;
1867    background: transparent;
1868    border: none;
1869    border-bottom: 1px solid #fff;
1870    height: 80px !important;
1871    border-radius: 0 !important;
1872    font-size: 36px;
1873    color: #fff;
1874    text-align: left;
1875    margin: 0 !important;
1876}
1877
1878.search-form-wrapper .search-form input::placeholder {
1879    font-size: 24px;
1880    font-family: 'Open Sans', sans-serif !important;
1881    position: absolute;
1882    top: 50%;
1883    transform: translateY(-50%);
1884}
1885
1886.search-form-wrapper .search-form button {
1887    padding: 0;
1888    border: none;
1889    background: transparent;
1890    position: absolute;
1891    right: 20px;
1892    height: unset;
1893    line-height: unset;
1894    margin-bottom: unset;
1895}
1896
1897.search-form-wrapper .search-form button .cs-icon {
1898    color: rgb(var(--clr-light));
1899    font-size: 24px;
1900}
1901
1902.close-search-form {
1903    position: absolute;
1904    right: -40px;
1905    top: -50px;
1906    width: 110px;
1907    height: 110px;
1908    background-color: #fffffffa;
1909    border-radius: 100px;
1910    text-align: center;
1911    font-size: 37px;
1912    padding-top: 52px;
1913    padding-right: 32px;
1914    color: #000;
1915    transform: scale(0.4);
1916    transition: all 0.4s ease;
1917    visibility: hidden;
1918    opacity: 0;
1919    transition-delay: 0.6s;
1920    cursor: pointer;
1921}
1922
1923.search-form-wrapper.open .close-search-form {
1924    visibility: visible;
1925    opacity: 1;
1926    transform: scale(1.02);
1927}
1928
1929.close-search-form span:before {
1930    content: "";
1931    position: absolute;
1932    width: 2px;
1933    height: 20px;
1934    background-color: rgb(var(--clr-dark));
1935    transform: rotate(45deg);
1936}
1937
1938.close-search-form span:after {
1939    content: "";
1940    position: absolute;
1941    width: 2px;
1942    height: 20px;
1943    background-color: rgb(var(--clr-dark));
1944    transform: rotate(-45deg);
1945}
1946
1947.close-search-form span {
1948    position: absolute;
1949    top: 65px;
1950}
1951
1952span.sencha-ai-link {
1953    display: flex;
1954    align-items: center;
1955    gap: 5px;
1956    font-weight: 600;
1957    position: relative;
1958    font-family: 'Open Sans', 'Source Sans Pro', 'effra', sans-serif;
1959}
1960
1961span.sencha-ai-link img {
1962    width: 20px;
1963    max-height: 20px;
1964}
1965
1966span.sencha-ai-link .new-badge {
1967    display: flex;
1968    align-items: center;
1969    justify-content: center;
1970    padding: 4px 8px;
1971    background: red;
1972    line-height: 1;
1973    border-radius: 5px;
1974    font-size: 11px;
1975    font-weight: 600;
1976    letter-spacing: 0.5px;
1977    color: #fff;
1978    text-transform: capitalize;
1979    position: absolute;
1980    right: -26px;
1981    top: -18px;
1982}
1983
1984/* Header Ends */
1985
1986/* Newsletter Section Starts */
1987section.newsletter {
1988    padding-top: 80px;
1989}
1990
1991.newsletter-content {
1992    position: relative;
1993    z-index: 1;
1994    padding: 45px;
1995    max-width: 1040px;
1996    margin: 0 auto -40px;
1997    box-shadow: 0 0 83px rgba(var(--clr-dark), 0.1);
1998    background: rgb(var(--clr-light)) var(--wpr-bg-475d06eb-6e23-4522-b8f6-19d6cd77ace4) no-repeat center/cover;
1999}
2000
2001.newsletter-content .heading-two {
2002    margin-bottom: 25px;
2003}
2004
2005.newsletter-content .form-group {
2006    position: relative;
2007    margin: 50px 0 25px;
2008    display: flex;
2009    align-items: center;
2010    justify-content: center;
2011}
2012
2013.newsletter-content .form-control {
2014    border: none;
2015    background-color: rgb(var(--clr-gray), 0.08);
2016    width: 100%;
2017    max-width: 500px;
2018    min-height: 45px;
2019    max-height: 45px;
2020    display: flex;
2021    align-items: center;
2022    padding: 0;
2023    padding-left: 25px;
2024    border-radius: 8px 0 0 8px !important;
2025    color: rgb(var(--clr-gray));
2026    font-size: 16px;
2027    font-weight: 400;
2028}
2029
2030.newsletter-content .form-control:focus {
2031    border: none;
2032    outline: none;
2033}
2034
2035.newsletter-content .form-control::placeholder {
2036    color: rgb(var(--clr-gray));
2037    font-size: 15px;
2038    font-family: 'Open Sans', sans-serif !important;
2039    font-weight: 400;
2040}
2041
2042.newsletter-content .btn {
2043    max-width: 250px;
2044    border-radius: 0 8px 8px 0;
2045}
2046
2047.newsletter-content .conditions a {
2048    color: rgb(var(--clr-sec));
2049}
2050
2051/* Newsletter Section Ends */
2052
2053/* Footer Section Starts */
2054.footer {
2055    padding: 57px 0 0;
2056    background-color: rgb(var(--clr-sec2));
2057    background-image: unset;
2058}
2059
2060.footer-nav-row {
2061    display: grid;
2062    grid-template-columns: repeat(7, auto);
2063    gap: 10px;
2064    row-gap: 15px;
2065}
2066.cs-rightside-menu {
2067    display: flex;
2068    gap: 33px;
2069}
2070.js-data-grid-footer-content .footer-nav-row {
2071    display: flex;
2072    justify-content: space-between;
2073    gap: 40px;
2074}
2075
2076.js-data-grid-footer-content .footer-nav-row>li:nth-child(2) {
2077    flex: 1;
2078    max-width: 400px;
2079}
2080
2081.js-data-grid-footer-content .footer-nav-row>li:nth-child(2) a {
2082    line-height: 1.5;
2083}
2084
2085.js-data-grid-footer-content .footer-nav-row>li:nth-child(4) a {
2086    display: flex;
2087}
2088
2089.js-data-grid-footer-content .footer-nav-row>li:nth-child(4) img {
2090    max-width: 145px;
2091}
2092
2093.js-data-grid-footer-content.contestPages-footer .footer-nav-row {
2094    grid-template-columns: 1fr 1fr 1fr 370px;
2095}
2096
2097.footer-content.contestPages-footer .cs-g2-badge-nav {
2098    padding-left: 200px;
2099    text-align: center;
2100}
2101
2102.js-data-grid-footer-content .footer-nav-row address p {
2103    font-style: normal;
2104    color: #fff;
2105    font-size: 16px;
2106    font-weight: 500;
2107}
2108
2109.main-col a {
2110    display: block;
2111    padding-bottom: 9px;
2112    color: rgb(var(--clr-light));
2113    font-weight: 500;
2114    font-size: 14px;
2115}
2116
2117.js-data-grid-footer-content .main-col .sub-menu a {
2118    font-size: 16px;
2119    padding-bottom: 16px;
2120    line-height: 1;
2121}
2122
2123.main-col.menu-item>a {
2124    position: relative;
2125    color: rgb(var(--clr-pri));
2126    font-size: 20px;
2127    font-weight: 600;
2128    display: flex;
2129    align-items: center;
2130    justify-content: space-between;
2131    padding-bottom: 15px;
2132}
2133
2134.js-data-grid-footer-content .main-col.menu-item>a {
2135    padding-bottom: 24px;
2136}
2137
2138.footer-nav-row .main-col.menu-item>a:before {
2139    content: "";
2140    position: absolute;
2141    width: 40px;
2142    height: 1px;
2143    background-color: rgb(var(--clr-pri));
2144    top: 25px;
2145}
2146
2147.js-data-grid-footer-content .footer-nav-row .main-col.menu-item>a:before {
2148    height: 3px;
2149}
2150.js-data-grid-footer-content .no-toggle .sub-menu li a{
2151    display: block !important;
2152}
2153.js-data-grid-footer-content .no-toggle .sub-menu li a span{
2154    color: inherit;
2155}
2156.main-col>a .cs-icon {
2157    display: none;
2158    color: rgb(var(--clr-light));
2159}
2160
2161.main-col.sub-menu .sub-menu {
2162    column-count: 2;
2163    padding-bottom: 8px;
2164}
2165
2166.main-col.sub-menu.main-col--no-col .sub-menu {
2167    column-count: unset;
2168}
2169
2170.main-col.sub-menu.cs-follow-nav-row {
2171    justify-self: flex-end;
2172}
2173
2174.main-col.sub-menu.cs-follow-nav-row .menu-item a {
2175    display: flex;
2176    align-items: center;
2177    gap: 10px;
2178}
2179
2180.main-col.sub-menu.cs-follow-nav-row .menu-item .cs-icon {
2181    color: rgba(var(--clr-light));
2182    font-size: 19px;
2183}
2184
2185.main-col img {
2186    width: 100%;
2187    max-width: 145px;
2188}
2189
2190.main-col.badge-col {
2191    text-align: center;
2192}
2193
2194.footer-nav-row .main-col.badge-col>a {
2195    display: none;
2196}
2197
2198.footer-social-row {
2199    margin: 20px 0;
2200    display: flex;
2201    align-items: center;
2202    justify-content: space-between;
2203}
2204
2205.js-data-grid-footer-content:not(.contestPages-footer) .footer-social-row {
2206    margin: 0;
2207    display: none;
2208}
2209
2210.footer-social-row .main-col.badge-col {
2211    display: none;
2212}
2213
2214.social-icons>a {
2215    display: none;
2216}
2217
2218.social-icons .sub-menu {
2219    display: flex;
2220    align-items: center;
2221    gap: 30px;
2222}
2223
2224.social-icons .cs-icon {
2225    color: rgb(var(--clr-light));
2226    font-size: 20px;
2227}
2228
2229.footer-copyright {
2230    padding: 8px 0;
2231}
2232
2233.footer-copyright-content {
2234    display: flex;
2235    flex-wrap: wrap;
2236    justify-content: center;
2237    align-items: center;
2238    column-gap: 20px;
2239}
2240
2241.footer-copyright-content p,
2242.footer-copyright-content a {
2243    font-size: 14px;
2244    color: rgb(var(--clr-light));
2245}
2246
2247.footer-copyright-content p {
2248    display: flex;
2249    gap: 15px;
2250}
2251
2252.footer-copyright-content p a:hover {
2253    color: rgb(var(--clr-sec3)) !important;
2254}
2255
2256.js-data-grid-footer-content .cs-sencha-logo-footer img {
2257    max-width: 140px;
2258    margin-bottom: 5px;
2259}
2260
2261.js-data-grid-footer-content .footer-social-row img {
2262    display: none;
2263}
2264
2265/* Footer Section Ends */
2266#loading-overlay {
2267    position: fixed;
2268    top: 0;
2269    left: 0;
2270    width: 100%;
2271    height: 100%;
2272    background: rgba(0, 0, 0, 0.8);
2273    display: none;
2274    justify-content: center;
2275    align-items: center;
2276    z-index: 9999;
2277    display: flex;
2278}
2279
2280#loading-overlay .progress-container {
2281    background: #fff;
2282    padding: 30px;
2283    border-radius: 10px;
2284    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
2285    text-align: center;
2286    width: 80%;
2287    max-width: 560px;
2288}
2289
2290#loading-overlay .progress-container p {
2291    margin: 15px 0;
2292    font-size: 18px;
2293    color: #000;
2294}
2295
2296#loading-overlay .spinner {
2297    border: 5px solid rgba(0, 0, 0, 0.1);
2298    border-top: 5px solid #000;
2299    border-radius: 50%;
2300    width: 50px;
2301    height: 50px;
2302    animation: spin 1s linear infinite;
2303    margin: 20px auto;
2304    position: relative;
2305}
2306
2307#loading-overlay .spinner.verifiedTick {
2308    animation: none;
2309    border: 5px solid #4caf50;
2310}
2311
2312#loading-overlay .spinner.verifiedTick:after {
2313    position: absolute;
2314    content: '';
2315    border-left: 3px solid #4caf50;
2316    border-bottom: 3px solid #4caf50;
2317    width: 20px;
2318    height: 10px;
2319    left: 9px;
2320    top: 11px;
2321    transform: rotate(-45deg);
2322}
2323
2324#loading-overlay .spinner.closeTick {
2325    animation: none;
2326    border: 5px solid #8f2929;
2327}
2328
2329#loading-overlay .spinner.closeTick:after {
2330    content: "\0058";
2331    font-size: 30px;
2332    font-weight: 600;
2333    top: 50%;
2334    position: absolute;
2335    left: 50%;
2336    color: #8f2929;
2337    transform: translate(-50%, -50%);
2338}
2339
2340#progress-bar-container {
2341    width: 100%;
2342    background-color: #e0e0e0;
2343    border-radius: 4px;
2344    height: 20px;
2345    margin-bottom: 10px;
2346}
2347
2348#progress-bar {
2349    width: 100%;
2350    height: 100%;
2351    background-color: #4caf50;
2352    border-radius: 4px;
2353    transition: width 0.3s ease;
2354}
2355
2356#progress-text {
2357    font-size: 16px;
2358    color: #333;
2359    margin-bottom: 10px;
2360}
2361
2362#loaderBarContainer {
2363    width: 100%;
2364    display: block;
2365    max-width: 350px;
2366    height: 20px;
2367    border-radius: 6px;
2368    background: #fefefe;
2369    border: 1px solid #efefef;
2370    margin: 10px auto 0;
2371    overflow: hidden;
2372}
2373
2374#loaderBar {
2375    width: 0%;
2376    display: block;
2377    height: 100%;
2378    background-color: #4caf50;
2379    text-align: center;
2380    line-height: 20px;
2381    color: #000;
2382    font-weight: 700;
2383    font-size: 16px;
2384}
2385
2386#loading-overlay .csCheckMsgs {
2387    font-size: 14px !important;
2388    font-weight: 500;
2389    margin: 0 !important;
2390    background: #fff8e6;
2391    color: rgb(114 91 7) !important;
2392}
2393
2394#loading-overlay .cs-verified-desc {
2395    color: rgb(37 122 41) !important;
2396    background: #e6ffeb;
2397}
2398
2399#loading-overlay .cs-failed-desc {
2400    color: rgb(143 41 41) !important;
2401    background: #ffe6e6;
2402}
2403
2404#loading-overlay #finalCheck.csCheckMsgs {
2405    margin: 10px 0 0px !important;
2406}
2407
2408#loading-overlay .csFinalButton {
2409    margin-top: 20px !important;
2410    background: #4caf50;
2411    border-radius: 4px;
2412}
2413
2414#loading-overlay .csFinalButton:hover {
2415    filter: brightness(95%);
2416}
2417
2418#loading-overlay .cs-download-anyways-btn {
2419    margin: 15px auto 0;
2420    display: block;
2421    color: rgb(143 41 41) !important;
2422    background: #ffe6e6;
2423    padding: 7px 20px;
2424    border: 1px solid;
2425    border-radius: 4px;
2426    text-transform: uppercase;
2427    font-weight: 600;
2428}
2429
2430.cs-download-stuck,
2431.cs-download-stuck:hover {
2432    border: none;
2433    background: none;
2434    display: inline;
2435    cursor: pointer;
2436    color: #700000;
2437    margin: 0 0 0 5px;
2438    padding: 5px;
2439    text-transform: none;
2440    border: 1px solid;
2441    border-radius: 4px;
2442    font-size: 14px;
2443}
2444
2445.cs-download-stuck:hover {
2446    background: #ffc0c0;
2447}
2448
2449@keyframes spin {
2450    0% {
2451        transform: rotate(0deg);
2452    }
2453
2454    100% {
2455        transform: rotate(360deg);
2456    }
2457}
2458
2459.menu-overlay {
2460    display: none;
2461    position: fixed;
2462    left: 0;
2463    right: 0;
2464    top: 0;
2465    bottom: 0;
2466    z-index: 3;
2467    background: rgba(0, 0, 0, 0.5);
2468}
2469
2470ul.header-nav>.menu-item:not(.open)>.sub-menu {
2471    display: none;
2472}
2473
2474ul.header-nav .menu-item.left-img-section>.sub-menu>
2474.menu-item.sub-menu-desc a {
2475    flex-direction: row;
2476    gap: 10px;
2477    align-items: center;
2478}
2479
2480ul.header-nav .menu-item.left-img-section>.sub-menu>.menu-item.sub-menu-desc a .cs-icon {
2481    font-size: 28px;
2482}
2483
2484ul.header-nav .menu-item.left-img-section>.sub-menu>.menu-item.sub-menu-desc.submenu-ext a span strong,
2485ul.header-nav .menu-item.left-img-section>.sub-menu>.menu-item.sub-menu-desc.submenu-gxt a span strong,
2486ul.header-nav .menu-item.left-img-section>.sub-menu>.menu-item.sub-menu-desc.submenu-reext a span strong {
2487    color: rgb(var(--clr-pri));
2488    display: block;
2489    font-size: 16px;
2490    font-weight: 500;
2491}
2492
2493ul.header-nav .products-menu .menu-item.left-img-section>.sub-menu>.menu-item.sub-menu-desc a {
2494    align-items: flex-start;
2495}
2496
2497ul.header-nav .products-menu .menu-item.left-img-section>.sub-menu>.menu-item.sub-menu-desc a .cs-icon {
2498    margin-top: 3px;
2499    font-size: 35px;
2500}
2501
2502ul.header-nav .menu-item.left-img-section>.sub-menu>.menu-item.sub-menu-desc a .cs-icon.icon-ext-js-fill {
2503    color: rgb(var(--clr-pri));
2504}
2505
2506ul.header-nav .menu-item.left-img-section>.sub-menu>.menu-item.sub-menu-desc.submenu-gxt a span strong,
2507ul.header-nav .menu-item.left-img-section>.sub-menu>.menu-item.sub-menu-desc a .cs-icon.icon-shield-gxt {
2508    color: #ffc626;
2509}
2510
2511ul.header-nav .menu-item.left-img-section>.sub-menu>.menu-item.sub-menu-desc.submenu-reext a span strong,
2512ul.header-nav .menu-item.left-img-section>.sub-menu>.menu-item.sub-menu-desc a .cs-icon.icon-reext-logo {
2513    color: #61d9fa;
2514}
2515
2516ul.header-nav .menu-item.left-img-section>.sub-menu>.menu-item.sub-menu-desc.submenu-reext a span strong em {
2517    font-style: normal;
2518    color: rgb(var(--clr-pri));
2519}
2520
2521.cs-input-hidden {
2522    display: none;
2523}
2524
2525span.spf-phone.hide {
2526    display: none;
2527}
2528
2529.gfield .iti.iti--allow-dropdown input {
2530
2531    padding-left: 55px !important;
2532
2533}
2534
2535.iti__selected-dial-code {
2536    display: none;
2537}
2538
2539.sencha-blog-social .essb_links .essb_link_svg_icon svg {
2540    fill: #FFF;
2541    max-width: 15px;
2542    max-height: 15px;
2543}
2544
2545.sencha-blog-social .essb_links .essb_link_svg_icon svg.essb-svg-icon-facebook {
2546    fill: #FFF;
2547    max-width: 16px;
2548    max-height: 16px;
2549}
2550
2551
2552a.pld-like-trigger.pld-undo-trigger {
2553    background-image: linear-gradient(to bottom, #c4fb7a, #89bf40);
2554}
2555
2556a.pld-dislike-trigger.pld-undo-trigger {
2557    background-image: linear-gradient(to bottom, #ffa4a4, #ff3939);
2558}
2559
2560a.pld-like-trigger,
2561a.pld-dislike-trigger {
2562    -webkit-mask-image: url(https://www.sencha.com/wp-content/uploads/2024/04/like-1.png);
2563    -webkit-mask-size: contain;
2564    background-image: linear-gradient(to bottom, #f1f1f1, #e5e5e5);
2565    -webkit-mask-repeat: no-repeat;
2566    width: 45px;
2567    height: 45px;
2568    display: inline-block;
2569    -webkit-mask-repeat: no-repeat;
2570    mask-repeat: initial;
2571    -webkit-mask-size: contain;
2572    mask-size: contain;
2573}
2574
2575.pld-like-wrap.pld-common-wrap,
2576.pld-dislike-wrap.pld-common-wrap {
2577    position: relative;
2578    display: inline-block;
2579    width: 45px;
2580    height: 45px;
2581    min-width: 45px;
2582}
2583
2584a.pld-dislike-trigger {
2585    -webkit-mask-image: url(https://www.sencha.com/wp-content/uploads/2024/04/dislike-1.png);
2586}
2587
2588a.pld-like-trigger img,
2589a.pld-dislike-trigger img {
2590    display: none !important;
2591}
2592
2593
2594
2595.pld-like-wrap.pld-common-wrap span,
2596.pld-dislike-wrap.pld-common-wrap span {
2597    display: none;
2598}
2599
2600.pld-like-wrap.pld-common-wrap::before,
2601.pld-dislike-wrap.pld-common-wrap::before {
2602    content: '';
2603    background: #3e3e3e;
2604    position: absolute;
2605    width: calc(100% - 4px);
2606    height: calc(100% - 4px);
2607    top: 50%;
2608    left: 50%;
2609    transform: translate(-50%, -50%);
2610    border-radius: 50%;
2611}
2612
2613.like-dislike-row {
2614    margin-top: 8px;
2615}
2616
2617.like-dislike-row::before {
2618    content: "What's your reaction?";
2619    display: block;
2620    font-size: 22px;
2621    color: #054059;
2622    letter-spacing: -0.01em;
2623    line-height: 43px;
2624}
2625pre{
2626	overflow: auto;
2627}
2628.code-v-scroll {
2629    min-height: 100px;
2630    height: 250px;
2631    max-height: 500px;
2632    resize: vertical;
2633	overflow: auto;
2634}
2635
2636.gfield_description {
2637    font-size: 12px;
2638    color: #656565;
2639}
2640
2641#menu-item-72737 a {
2642    gap: 6px;
2643}
2644
2645#menu-item-72737 a .cs-icon {
2646    font-size: 18px;
2647    text-shadow: 0 0 currentColor;
2648}  
2649
2650/* Newsletter Updated */
2651.newsletter-ui .newsletter-content {
2652    margin: 0 auto;
2653    max-width: 1257px;
2654    background: transparent;
2655    box-shadow: none;
2656    padding: 57px 0;
2657    display: flex;
2658    align-items: flex-start;
2659    justify-content: space-between;
2660    width: 100%;
2661}
2662
2663.newsletter-ui .newsleter-form {
2664    max-width: 615px;
2665    width: 100%;
2666}
2667
2668.newsletter-ui .newsletter-content .form-group {
2669    margin: 0 0 20px 0;
2670}
2671
2672.newsletter-ui .newsletter-content .conditions {
2673    text-align: left;
2674}
2675
2676.cs-badge-items {
2677    width: 150px;
2678    margin-left: auto;
2679}
2680
2681
2682.cs-badge-items ul.sub-menu {
2683    display: flex;
2684    flex-direction: column;
2685    max-width: 150px;
2686    align-items: center;
2687    gap: 6px;
2688}
2689
2690.cs-badge-items ul.sub-menu img {
2691    max-height: 48px;
2692    width: auto;
2693    height: auto;
2694}
2695
2696.main-col.badge-col {
2697    width: 146px;
2698}
2699
2700.cs-table-wrap{
2701    width: 100%;
2702    overflow: auto;
2703}
2704.cs-table-wrap table{
2705    border-collapse: collapse;
2706}
2707.cs-table-wrap table td,
2708.cs-table-wrap table th{
2709    padding: 10px;
2710    text-align: left;
2711    border: 1px solid #DDD;
2712}
2713.cs-table-wrap table th{
2714    font-weight: 600;
2715}
2716.cs-box-wrap{
2717    padding: 15px;
2718    border: 1px solid #ddd;
2719    margin-top: 15px !important;
2720}
2721
2722.bsf-rt-display-time:after {
2723    content: attr(reading_time);
2724}
2725.bsf-rt-display-postfix:after {
2726    content: attr(postfix);
2727}
2728li{
2729  list-style: none;
2730}
2731
2732
2733.theme-switch {
2734    justify-content: center;
2735    align-items: center;
2736    position: relative;
2737    z-index: 9;
2738}
2739.first-time.theme-switch::before {
2740    content: "";
2741    position: fixed;
2742    left: 0;
2743    top: 0;
2744    background: #000000b8;
2745    width: 100vw;
2746    height: 100vh;
2747    backdrop-filter: blur(2px);
2748}
2749.theme-switch .cs-new-tooltip {
2750    display: none;
2751}
2752.first-time.theme-switch .cs-new-tooltip {
2753    display: block;
2754    position: absolute;
2755    right: -14px;
2756    top: calc(100% + 13px);
2757    background: #fff;
2758    white-space: nowrap;
2759    padding: 5px 10px;
2760    border-radius: 4px;
2761    font-weight: 500;
2762    color: #000000;
2763    font-size: 16px;
2764    background-size: 200%;
2765}
2766.first-time.theme-switch .cs-new-tooltip::before {
2767    content: "";
2768    width: 0;
2769    height: 0;
2770    border-left: 10px solid transparent;
2771    border-right: 10px solid transparent;
2772    border-bottom: 10px solid #fff;
2773    bottom: 100%;
2774    right: 17px;
2775    position: absolute;
2776}
2777.theme-switch .checkbox {
2778    opacity: 0;
2779    position: absolute;
2780}
2781
2782.theme-switch .label {
2783    display: flex;
2784    align-items: center;
2785    justify-content: space-between;
2786    padding: 5px;
2787    border-radius: 50px;
2788    position: relative;
2789    height: 30px;
2790    width: 30px;
2791    cursor: pointer;
2792    transition: background 0.1s ease;
2793    margin: 0;
2794    background: #e9ffce;
2795}
2796.dark .theme-switch .label {
2797    background: #2f3c1f;
2798}
2799.theme-switch .label:hover .moon,
2800.theme-switch .label:hover .sun {
2801    transform: rotate(360deg);
2802}
2803
2804.theme-switch .ball {
2805    display: none;
2806}
2807
2808.theme-switch .moon,
2809.theme-switch .moon * {
2810    color: #000000;
2811    transform-origin: center center;
2812    transition: transform 0.5s cubic-bezier(0.76, 0, 0.24, 1);
2813    transform: rotate(0);
2814}
2815
2816.theme-switch .sun,
2817.theme-switch .sun * {
2818    color: #fff !important;
2819    transform-origin: center center;
2820    transition: transform 0.5s cubic-bezier(0.76, 0, 0.24, 1);
2821    transform: rotate(0);
2822}
2823.theme-switch svg {
2824    max-width: 20px;
2825    max-height: 20px;
2826    position: absolute;
2827    opacity: 0;
2828}
2829
2830.theme-switch .moon {
2831    opacity: 1;
2832    color: #000;
2833}
2834.dark .theme-switch .sun {
2835    opacity: 1;
2836}
2837.dark .theme-switch .moon {
2838    opacity: 0;
2839}
2840
2841@media screen and (max-width: 767px) {
2842    .first-time.theme-switch .cs-new-tooltip {
2843        right: 0;
2844    }
2845    .theme-switch svg {
2846        max-width: 16px;
2847        max-height: 16px;
2848    }
2849    .theme-switch .label {
2850        width: 26px;
2851        height: 26px;
2852    }
2853    .first-time.theme-switch .cs-new-tooltip::before {
2854        right: 4px;
2855    }
2856}
2857                                                                                                                                                                                                                                                                                                                                                                              
2858                                                                                                                                                                                                                                                                                                                                                                              
2859/* Media Query */
2860@media screen and (min-width: 1800px) {
2861    .js-data-grid-footer-content .footer-nav-row>li:nth-child(2) {
2862        max-width: 500px;
2863    }
2864}
2865
2866@media screen and (min-width: 1501px) {
2867    :root {
2868        --header-height: 147px;
2869    }
2870}
2871
2872@media screen and (max-width: 1500px) {
2873
2874    /* common */
2875    .heading-three {
2876        font-size: 16px;
2877    }
2878
2879    .btn-w-img {
2880        gap: 7px;
2881    }
2882
2883    .btn-w-img img {
2884        max-width: 25px;
2885        max-height: 25px;
2886    }
2887
2888    /* header */
2889    .mini-header {
2890        min-height: unset;
2891    }
2892
2893    .site-container-new .mini-header-content p {
2894        font-size: 11px;
2895    }
2896
2897    .common-header {
2898        padding: 18px 0;
2899    }
2900
2901    ul.mini-header-nav {
2902        gap: 37px;
2903    }
2904
2905    ul.mini-header-nav .menu-item a {
2906        font-size: 11px;
2907    }
2908
2909    .header-content .logo {
2910        flex: 0 0 133px;
2911        max-width: 133px;
2912    }
2913
2914    .header-content .logo img {
2915        max-height: 50px;
2916    }
2917
2918    ul.header-nav .menu-item a {
2919        font-size: 15px;
2920        gap: 8px;
2921    }
2922
2923    ul.header-nav .menu-item a .cs-icon {
2924        font-size: 11px;
2925    }
2926
2927    ul.header-nav>.menu-item>.sub-menu>.menu-item>a {
2928        font-size: 15px;
2929    }
2930
2931    ul.header-nav>.menu-item>.sub-menu .sub-menu .menu-item a {
2932        font-size: 14px;
2933    }
2934
2935    ul.header-nav .menu-item.left-img-section>.sub-menu>.menu-item a .sub-menu-add {
2936        font-size: 14px;
2937    }
2938
2939    ul.header-nav .menu-item.left-img-section>.sub-menu>.menu-item a span {
2940        font-size: 13px;
2941    }
2942
2943    ul.header-nav .sub-menu .menu-item a .cs-icon {
2944        font-size: 16px;
2945    }
2946
2947    ul.header-nav .menu-item.menu-item-img img {
2948        max-width: 16px;
2949    }
2950
2951    .header-action {
2952        gap: 13px;
2953    }
2954
2955    .header-action .btn {
2956        min-width: 130px;
2957    }
2958
2959    /* header */
2960
2961    .js-data-grid-footer-content .footer-nav-row>li:nth-child(4) img {
2962        max-width: 105px;
2963    }
2964
2965    /* newsletter */
2966    section.newsletter {
2967        padding-top: 60px;
2968    }
2969
2970    .newsletter-content {
2971        padding: 35px 55px;
2972        max-width: 780px;
2973    }
2974
2975    .newsletter-content .heading-two {
2976        margin-bottom: 18px;
2977    }
2978
2979    .newsletter-content .form-group {
2980        margin: 37px 0 18px;
2981    }
2982
2983    .newsletter-content .form-control::placeholder {
2984        font-size: 13px;
2985    }
2986
2987    .newsletter-content .btn {
2988        max-width: 180px;
2989    }
2990
2991    .newsletter-content .conditions a {
2992        font-size: 13px;
2993    }
2994
2995    /* newsletter */
2996
2997    /* footer */
2998    .main-col.menu-item>a {
2999        font-size: 16px;
3000        padding-bottom: 12px;
3001    }
3002
3003    .footer-nav-row .main-col.menu-item>a:before {
3004        width: 30px;
3005        top: 22px;
3006    }
3007
3008    .main-col a {
3009        font-size: 13px;
3010    }
3011
3012    .main-col img {
3013        max-width: 105px;
3014    }
3015
3016    .footer-social-row .logo img {
3017        max-width: 120px;
3018    }
3019
3020    .footer-copyright-content p,
3021    .footer-copyright-content a {
3022        font-size: 13px;
3023    }
3024
3025    .js-data-grid-footer-content .main-col .sub-menu a,
3026    .js-data-grid-footer-content .footer-nav-row address p {
3027        font-size: 14px;
3028    }
3029
3030    .js-data-grid-footer-content .main-col .sub-menu a {
3031        padding-bottom: 14px;
3032    }
3033
3034    /* footer */
3035
3036    .main-col.badge-col {
3037        width: 108px;
3038    }
3039
3040    .cs-badge-items {
3041        width: 110px;
3042    }
3043
3044    .cs-badge-items ul.sub-menu img {
3045        max-height: 44px;
3046        display: block;
3047    }
3048}
3049
3050@media screen and (max-width: 1300px) {
3051    /* common */
3052
3053    .container {
3054        width: 90%;
3055    }
3056
3057    .site-container-new p {
3058        font-size: 14px;
3059    }
3060
3061    .btn {
3062        font-size: 13px;
3063        min-height: 34px;
3064    }
3065
3066    .btn .cs-icon {
3067        font-size: 18px;
3068    }
3069
3070    section:not(.newsletter) .btn {
3071        max-width: max-content !important;
3072        padding: 0 25px;
3073    }
3074
3075    .heading-one {
3076        font-size: 30px;
3077    }
3078
3079    .heading-two {
3080        font-size: 23px;
3081    }
3082
3083    .heading-three {
3084        font-size: 15px;
3085    }
3086
3087    .heading-four {
3088        font-size: 15px;
3089    }
3090
3091    /* common */
3092
3093
3094    .newsletter-content .form-control {
3095        min-height: 34px;
3096        max-height: 34px;
3097        max-width: 370px;
3098        font-size: 13px;
3099    }
3100
3101    .js-data-grid-footer-content.contestPages-footer .footer-nav-row {
3102        grid-template-columns: 1fr 1fr 1fr 220px;
3103    }
3104
3105    .footer-content.contestPages-footer .cs-g2-badge-nav {
3106        padding-left: 50px;
3107        text-align: center;
3108    }
3109
3110    /* Newsletter Updated */
3111
3112    .newsletter-ui .newsleter-form {
3113        max-width: 450px;
3114    }
3115}
3116
3117@media screen and (max-width: 1200px) {
3118
3119    /* common */
3120    :root {
3121        --header-height: 97px;
3122    }
3123
3124    .site-container-new p {
3125        font-size: 13px;
3126    }
3127
3128    .common-header {
3129        padding: 16px 0;
3130    }
3131
3132    .heading-one {
3133        font-size: 24px;
3134    }
3135
3136    .heading-two {
3137        font-size: 19px;
3138    }
3139
3140    .heading-four {
3141        font-size: 14px;
3142    }
3143
3144    /* common */
3145
3146    /* header */
3147    ul.header-nav .menu-item a {
3148        font-size: 14px;
3149    }
3150
3151    ul.header-nav>.menu-item>.sub-menu>.menu-item {
3152        flex: 0 0 220px;
3153        min-width: 220px;
3154    }
3155
3156    .header-action .btn {
3157        min-width: 100px;
3158    }
3159
3160    .header-content .logo {
3161        flex: 0 0 106px;
3162        max-width: 106px;
3163    }
3164
3165    .header-content .logo img {
3166        max-height: 40px;
3167    }
3168
3169    ul.header-nav {
3170        gap: 23px;
3171    }
3172
3173    /* header */
3174
3175    .js-data-grid-footer-content .footer-nav-row>li:nth-child(4) img {
3176        max-width: 100px;
3177    }
3178
3179    /* newsletter */
3180    .newsletter-content .btn {
3181        max-width: 150px;
3182    }
3183
3184    .newsletter-content .heading-two {
3185        margin-bottom: 15px;
3186    }
3187
3188    .newsletter-content .form-group {
3189        margin: 30px 0 15px;
3190    }
3191
3192    /* newsletter */
3193
3194    /* footer */
3195    .footer-nav-row {
3196        grid-template-columns: repeat(4, 1fr);
3197    }
3198
3199    .main-col img {
3200        max-width: 100px;
3201    }
3202
3203    .main-col.badge-col {
3204        text-align: left;
3205    }
3206
3207    .js-data-grid-footer-content .main-col.badge-col {
3208        text-align: center;
3209    }
3210
3211    .js-data-grid-footer-content .footer-nav-row .main-col.menu-item>a:before {
3212        height: 2px;
3213    }
3214
3215    .js-data-grid-footer-content .main-col.menu-item>a {
3216        padding-bottom: 20px;
3217    }
3218
3219    .main-col.sub-menu.cs-follow-nav-row .menu-item .cs-icon {
3220        font-size: 16px;
3221    }
3222
3223    /* footer */
3224    a.pld-like-trigger,
3225    a.pld-dislike-trigger {
3226        width: 30px;
3227        height: 30px;
3228    }
3229
3230    .pld-like-wrap.pld-common-wrap,
3231    .pld-dislike-wrap.pld-common-wrap {
3232        width: 30px !important;
3233        height: 30px !important;
3234        min-width: 30px !important;
3235    }
3236}
3237
3238@media screen and (min-width: 1101px) {
3239    ul.header-nav .menu-item {
3240        position: relative;
3241        transition: all 0.3s ease;
3242    }
3243
3244    ul.header-nav>.menu-item>a:before {
3245        content: "";
3246        position: absolute;
3247        width: 100%;
3248        height: 30px;
3249        background-color: transparent;
3250        top: 80%;
3251    }
3252
3253    ul.header-nav>.menu-item>.sub-menu {
3254        /* opacity: 0; */
3255        position: absolute;
3256        top: calc(100% + 20px);
3257        box-shadow: 0px 0px 2px rgba(var(--clr-dark), 0.25), 0 4px 4px rgba(var(--clr-dark), 0.25);
3258        border-radius: 8px;
3259        z-index: 9;
3260        /* pointer-events: none; */
3261        display: flex;
3262        /* height: 0; */
3263        /* transition: all 0.3s ease; */
3264    }
3265
3266    ul.header-nav>.menu-item>.sub-menu>.menu-item {
3267        display: flex;
3268        flex-direction: column;
3269    }
3270
3271    /* ul.header-nav > .menu-item.products-menu > .sub-menu > .menu-item:not(.left-img-section) {
3272        opacity: 0 !important;
3273        pointer-events: none;
3274    }
3275    ul.header-nav > .menu-item.products-menu > .sub-menu.show > .menu-item:not(.left-img-section) {
3276        opacity: 1 !important;
3277        pointer-events: all;
3278    } */
3279    ul.header-nav .menu-item a .cs-icon {
3280        transition: all 0.3s ease;
3281    }
3282
3283    ul.header-nav>.menu-item.open>a>.cs-icon {
3284        transform: rotate(180deg);
3285        color: rgb(var(--clr-sec));
3286    }
3287
3288    /* ul.header-nav > .menu-item:hover > .sub-menu {
3289        opacity: 1;
3290        pointer-events: auto;
3291        height: auto;
3292    } */
3293    ul.header-nav>.menu-item.products-menu>.sub-menu {
3294        left: -80px;
3295    }
3296
3297    /* ul.header-nav > .menu-item.products-menu > .sub-menu.show {
3298        box-shadow: 0px 0px 2px rgba(var(--clr-dark),0.25), 0 4px 4px rgba(var(--clr-dark),0.25);
3299    } */
3300    ul.header-nav>.menu-item.ext-js-menu>.sub-menu {
3301        left: -160px;
3302    }
3303
3304    ul.header-nav>.menu-item.resources-menu>.sub-menu {
3305        left: -390px;
3306    }
3307
3308    ul.header-nav>.menu-item.support-menu>.sub-menu {
3309        left: 50%;
3310        transform: translateX(-50%);
3311    }
3312
3313    ul.header-nav>.menu-item.licensing-menu>.sub-menu {
3314        left: 50%;
3315        transform: translateX(-50%);
3316    }
3317
3318    ul.header-nav>.menu-item.about-menu>.sub-menu {
3319        left: 50%;
3320        transform: translateX(-70%);
3321    }
3322
3323    ul.header-nav .menu-item.more-ui-components a {
3324        transition: all 0.3s ease;
3325    }
3326
3327    ul.header-nav>.menu-item>.sub-menu>.menu-item:not(:last-child, .cs-no-sep) {
3328        border-right: 1px solid rgba(var(--clr-gray), 0.1);
3329    }
3330
3331    /* ul.header-nav .menu-item-has-children .menu-item {
3332        opacity: 0!important;
3333        -webkit-transform: translateY(-0.375rem)!important;
3334        transform: translateY(-0.375rem)!important;
3335        -webkit-transition: all 0.5s 0.1s!important;
3336        transition: all 0.5s 0.1s!important;    
3337    }
3338    ul.header-nav .menu-item-has-children:hover .menu-item {
3339        opacity: 1!important;
3340        -webkit-transform: translateY(0)!important;
3341        transform: translateY(0)!important;
3342    }
3343    ul.header-nav .menu-item-has-children .menu-item:nth-child(1){
3344        transition-delay: 0.1s !important;
3345    }
3346    ul.header-nav .menu-item-has-children .menu-item:nth-child(2){
3347        transition-delay: 0.15s !important;
3348    }
3349    ul.header-nav .menu-item-has-children .menu-item:nth-child(3){
3350        transition-delay: 0.2s !important;
3351    }
3352    ul.header-nav .menu-item-has-children .menu-item:nth-child(4){
3353        transition-delay: 0.25s !important;
3354    }
3355    ul.header-nav .menu-item-has-children .menu-item:nth-child(5){
3356        transition-delay: 0.3s !important;
3357    }
3358    ul.header-nav .menu-item-has-children .menu-item:nth-child(6){
3359        transition-delay: 0.35s !important;
3360    }
3361    ul.header-nav .menu-item-has-children .menu-item:nth-child(7){
3362        transition-delay: 0.4s !important;
3363    }
3364    ul.header-nav .menu-item-has-children .menu-item:nth-child(8){
3365        transition-delay: 0.45s !important;
3366    }
3367    ul.header-nav .menu-item-has-children .menu-item:nth-child(8){
3368        transition-delay: 0.5s !important;
3369    }
3370    ul.header-nav .menu-item-has-children .menu-item:nth-child(9){
3371        transition-delay: 0.55s !important;
3372    } */
3373    .menu-overlay.show {
3374        display: block;
3375    }
3376
3377    ul.header-nav>.menu-item.products-menu>.sub-menu>.menu-item {
3378        min-width: 275px;
3379    }
3380}
3381
3382@media screen and (max-width: 1100px) {
3383
3384    /* header */
3385    .header-content .header-nav,
3386    .header-content .header-action {
3387        display: none;
3388    }
3389
3390    header {
3391        z-index: 9;
3392        position: relative;
3393    }
3394
3395    .mobile-menu-toggle {
3396        width: 30px;
3397        height: 30px;
3398        display: flex;
3399        align-items: center;
3400        justify-content: center;
3401    }
3402
3403    .header-content .header-nav {
3404        display: flex;
3405        position: fixed;
3406        width: 300px;
3407        height: 100%;
3408        transform: translateX(100%);
3409        top: 0;
3410        transition: transform 0.4s ease;
3411        flex-direction: column;
3412        box-shadow: 0px 0px 2px rgba(var(--clr-dark), 0.25), 0 4px 4px rgba(var(--clr-dark), 0.25);
3413        background-color: rgba(var(--clr-light));
3414        align-items: center;
3415        padding: 60px 15px 20px 15px;
3416        overflow: auto;
3417        z-index: 99;
3418        right: 0;
3419    }
3420
3421    .common-header.open .header-content .header-nav {
3422        transform: translateX(0%);
3423    }
3424
3425    ul.header-nav .sub-menu {
3426        /* display: none; */
3427        display: unset;
3428    }
3429
3430    ul.header-nav>.menu-item {
3431        width: 100%;
3432    }
3433
3434    ul.header-nav>.menu-item>a {
3435        justify-content: space-between;
3436    }
3437
3438    /* ul.header-nav > .menu-item:hover > a {
3439        color: initial;
3440    } */
3441
3442    ul.header-nav>.menu-item.open>a {
3443        color: rgb(var(--clr-sec)) !important;
3444    }
3445
3446    ul.header-nav>.menu-item.open>a>.cs-icon {
3447        transform: rotate(180deg) !important;
3448        color: rgb(var(--clr-sec)) !important;
3449    }
3450
3451    ul.header-nav .menu-item.left-img-section>.sub-menu {
3452        /* display: none; */
3453        display: unset;
3454    }
3455
3456    ul.header-nav .menu-item.left-img-section>.sub-menu>.menu-item+.menu-item {
3457        margin-top: 20px;
3458    }
3459
3460    ul.header-nav .left-img-section .sub-menu-add .cs-icon {
3461        display: none;
3462    }
3463
3464    ul.header-nav>.menu-item>a:before {
3465        display: none;
3466    }
3467
3468    ul.header-nav>.menu-item>.sub-menu {
3469        /* display: none; */
3470        display: unset;
3471    }
3472
3473    /*ul.header-nav > .menu-item.open > .sub-menu {
3474        padding-top: 10px;
3475    }*/
3476    ul.header-nav>.menu-item.ext-js-menu>.sub-menu {
3477        box-shadow: none;
3478    }
3479
3480    ul.header-nav>.menu-item>.sub-menu>.menu-item {
3481        padding: 10px 0;
3482    }
3483
3484    ul.header-nav .products-menu .left-img-section {
3485        box-shadow: none;
3486    }
3487
3488    ul.header-nav>.menu-item>.sub-menu>.menu-item>a {
3489        font-size: 14px;
3490    }
3491
3492    ul.header-nav>.menu-item>.sub-menu .sub-menu .menu-item:not(.more-ui-components) a {
3493        padding-left: 0;
3494    }
3495
3496    ul.header-nav .sub-menu .menu-item a .cs-icon {
3497        font-size: 14px;
3498    }
3499
3500    ul.header-nav .menu-item.menu-item-img img {
3501        max-width: 14px;
3502    }
3503
3504    ul.header-nav .header-mob-btns {
3505        display: flex;
3506    }
3507
3508    ul.header-nav .header-mob-btns>a {
3509        display: none !important;
3510    }
3511
3512    ul.header-nav .header-mob-btns>.sub-menu>.menu-item {
3513        padding: 0 !important;
3514        flex: 0 0 100%;
3515    }
3516
3517    ul.header-nav .header-mob-btns>.sub-menu>.menu-item .btn {
3518        margin: 0 !important;
3519    }
3520
3521    ul.header-nav .header-mob-btns>.sub-menu>.menu-item>a {
3522        margin-bottom: 0 !important;
3523        border-bottom: none !important;
3524        padding-bottom: 0 !important;
3525    }
3526
3527    ul.header-nav>.menu-item.header-mob-btns>.sub-menu {
3528        display: flex;
3529        flex-wrap: wrap;
3530        gap: 10px;
3531        width: 100%;
3532        justify-content: flex-end;
3533    }
3534
3535    ul.header-nav .header-mob-btns>.sub-menu>.menu-item .btn.btn-sec {
3536        color: rgb(var(--clr-light));
3537    }
3538
3539    ul.header-nav .header-mob-btns>.sub-menu>.menu-item .btn.btn-border-sec {
3540        border-color: rgb(var(--clr-sec));
3541    }
3542
3543    ul.header-nav .header-mob-btns .sub-menu,
3544    ul.header-nav .header-mob-btns .sub-menu a {
3545        pointer-events: all !important;
3546    }
3547
3548    .common-header .close-nav {
3549        display: block;
3550    }
3551
3552    .common-header.open .close-nav,
3553    .common-header.open .overlay {
3554        display: block;
3555        transform: translateX(0%);
3556    }
3557
3558    ul.header-nav .menu-item.cs-no-sep+.menu-item {
3559        padding-top: 0 !important;
3560    }
3561
3562    ul.header-nav .menu-item.cs-no-sep+.menu-item>a {
3563        display: none !important;
3564    }
3565
3566    ul.header-nav .menu-item.left-img-section>.sub-menu>.menu-item.sub-menu-desc.submenu-ext a span strong,
3567    ul.header-nav .menu-item.left-img-section>.sub-menu>.menu-item.sub-menu-desc.submenu-gxt a span strong,
3568    ul.header-nav .menu-item.left-img-section>.sub-menu>.menu-item.sub-menu-desc.submenu-reext a span strong {
3569        font-size: 14px;
3570    }
3571
3572    ul.header-nav .products-menu .menu-item.left-img-section>.sub-menu>.menu-item.sub-menu-desc a .cs-icon {
3573        margin-top: 4px;
3574    }
3575
3576    span.sencha-ai-link .new-badge {
3577        position: relative;
3578        right: unset;
3579        top: unset;
3580        margin-bottom: 2px;
3581    }
3582
3583    /* header */
3584
3585}
3586
3587@media screen and (max-width: 991px) {
3588    :root {
3589        --header-height: 90px;
3590    }
3591
3592    /* header */
3593    ul.mini-header-nav {
3594        display: none;
3595    }
3596
3597    .mini-header-content {
3598        justify-content: center;
3599        text-align: center;
3600    }
3601
3602    .common-header {
3603        padding: 12px 0;
3604    }
3605
3606    .search-form-wrapper .search-form {
3607        max-width: 90%;
3608    }
3609
3610    .search-form-wrapper .search-form input {
3611        font-size: 26px;
3612    }
3613
3614    /* header */
3615
3616    .js-data-grid-footer-content .footer-nav-row {
3617        gap: 20px;
3618    }
3619
3620    /* newsletter */
3621    section.newsletter {
3622        padding-top: 0;
3623    }
3624
3625    .newsletter-content {
3626        margin: unset;
3627        box-shadow: unset;
3628    }
3629
3630    /* newsletter */
3631
3632    /* footer */
3633    .footer {
3634        padding: 30px 0 0;
3635    }
3636
3637    .footer-nav-row {
3638        grid-template-columns: repeat(2, 1fr);
3639    }
3640
3641    .js-data-grid-footer-content .footer-social-row {
3642        justify-content: center;
3643    }
3644
3645    /* footer */
3646    .footer-content.contestPages-footer .cs-g2-badge-nav {
3647        padding-left: 0;
3648        text-align: center;
3649    }
3650
3651    .js-data-grid-footer-content.contestPages-footer .footer-nav-row {
3652        grid-template-columns: 1.3fr 1fr 1.5fr 90px;
3653    }
3654
3655
3656    .cs-badge-items {
3657        width: auto;
3658        margin: 0;
3659        display: flex;
3660    }
3661
3662    .cs-badge-items ul.sub-menu {
3663        width: auto;
3664        display: flex;
3665        max-width: inherit;
3666        flex-direction: row;
3667    }
3668}
3669
3670@media screen and (max-width: 767px) {
3671
3672    /* common */
3673    .btn {
3674        font-size: 14px;
3675        min-height: 40px;
3676    }
3677
3678    section:not(.newsletter) .btn {
3679        padding: 0 20px;
3680        gap: 10px;
3681    }
3682
3683    /* common */
3684
3685    /* header */
3686    .search-form-wrapper .search-form input {
3687        height: 60px !important;
3688        font-size: 18px;
3689    }
3690
3691    .search-form-wrapper .search-form button .cs-icon {
3692        font-size: 20px;
3693    }
3694
3695    /* header */
3696
3697    /* newsletter */
3698    section.newsletter {
3699        padding-top: 0;
3700    }
3701
3702    .newsletter-content {
3703        box-shadow: none;
3704        margin: unset;
3705    }
3706
3707    .newsletter-content .btn {
3708        max-width: 120px;
3709    }
3710
3711    .newsletter-content .form-control {
3712        min-height: 40px;
3713        max-height: 40px;
3714    }
3715
3716    /* newsletter */
3717
3718    /* footer */
3719    .footer {
3720        padding: 20px 0 0;
3721    }
3722
3723    .footer-copyright-content p,
3724    .footer-copyright-content a {
3725        font-size: 11px;
3726    }
3727
3728    .js-data-grid-footer-content .main-col.footer-toogle {
3729        margin: unset;
3730    }
3731
3732    .js-data-grid-footer-content .footer-nav-row {
3733        display: grid;
3734    }
3735
3736    .js-data-grid-footer-content .footer-nav-row>li:nth-child(1) {
3737        order: 4;
3738        padding: 0 15px;
3739    }
3740
3741    .js-data-grid-footer-content .footer-nav-row>li:nth-child(2) {
3742        order: 2;
3743    }
3744
3745    .js-data-grid-footer-content .footer-nav-row>li:nth-child(3) {
3746        order: 1;
3747    }
3748
3749    .js-data-grid-footer-content .footer-nav-row>li:nth-child(4) {
3750        order: 4;
3751        text-align: left;
3752    }
3753
3754    .js-data-grid-footer-content .footer-nav-row>li:nth-child(5) {
3755        justify-self: unset;
3756        order: 3;
3757    }
3758
3759    /* footer */
3760    .js-data-grid-footer-content.contestPages-footer .footer-nav-row {
3761        grid-template-columns: 1fr 1fr;
3762    }
3763
3764    .js-data-grid-footer-content.contestPages-footer .footer-nav-row>li:nth-child(1) {
3765        order: 4;
3766        padding: 0 0px;
3767        grid-column: 1 / 2;
3768    }
3769
3770    .footer-content.contestPages-footer .cs-g2-badge-nav img {
3771        max-width: 90px;
3772    }
3773
3774    /* Newsletter Updated */
3775    .newsletter-ui .newsletter-content {
3776        flex-direction: column;
3777        padding: 34px 0;
3778    }
3779
3780    .newsletter-ui .newsletter-content .form-group {
3781        margin-bottom: 10px;
3782    }
3783}
3784
3785@media screen and (max-width: 575px) {
3786
3787    /* common */
3788    .container {
3789        width: 100%;
3790        padding: 0 15px;
3791    }
3792
3793    header.header-main .container,
3794    footer .container {
3795        width: 100%;
3796        padding: 0 15px;
3797    }
3798
3799    .btn .cs-icon {
3800        font-size: 20px;
3801    }
3802
3803    .js-data-grid-footer-content .footer-nav-row>li:nth-child(4) img {
3804        max-width: 75px;
3805    }
3806
3807    /* newsletter */
3808    section.newsletter {
3809        overflow: hidden;
3810    }
3811
3812    .newsletter-content {
3813        padding: 40px 0;
3814    }
3815
3816    .newsletter-content .conditions a {
3817        font-size: 14px;
3818    }
3819
3820    .newsletter-content .btn {
3821        max-width: 100px;
3822    }
3823
3824    .newsletter-content .form-control {
3825        padding-left: 15px;
3826    }
3827
3828    /* newsletter */
3829
3830    /* footer */
3831    footer .container {
3832        padding: 0;
3833    }
3834
3835    .footer-copyright {
3836        padding: 5px 0;
3837    }
3838
3839    .footer-nav-row {
3840        grid-template-columns: repeat(1, 1fr);
3841        gap: 7px;
3842    }
3843
3844    .main-col .heading-three {
3845        display: flex;
3846        align-items: center;
3847        justify-content: space-between;
3848    }
3849
3850    .main-col .heading-three .cs-icon {
3851        display: block;
3852        font-size: 13px;
3853        transition: all 0.4s ease;
3854    }
3855
3856    .footer-nav-row .main-col {
3857        border-bottom: 1px solid rgb(var(--clr-sec), 0.5);
3858        padding: 0 15px;
3859    }
3860
3861    .footer-nav-row .main-col .sub-menu {
3862        display: none;
3863        padding-bottom: 3px;
3864    }
3865
3866    .footer-nav-row .main-col.open>a .cs-icon {
3867        transform: rotate(180deg);
3868    }
3869
3870    .footer-nav-row .main-col.badge-col {
3871        display: none;
3872    }
3873
3874    .main-col.menu-item>a:before {
3875        display: none;
3876    }
3877
3878    .main-col img {
3879        max-width: 75px;
3880    }
3881
3882    .main-col>a .cs-icon {
3883        display: block;
3884    }
3885
3886    .footer-social-row {
3887        row-gap: 10px;
3888        flex-wrap: wrap;
3889        padding: 0 15px;
3890    }
3891
3892    .footer-social-row .main-col.badge-col {
3893        display: block;
3894    }
3895
3896    .footer-social-row .main-col.badge-col>a {
3897        display: flex;
3898        justify-content: flex-end;
3899        margin-bottom: 0;
3900    }
3901
3902    .footer-social-row .logo img {
3903        max-width: 130px;
3904    }
3905
3906    .footer-social-row>.social-icons {
3907        flex: 0 0 100%;
3908        justify-content: center;
3909    }
3910
3911    .social-icons .sub-menu {
3912        justify-content: center;
3913        gap: 20px;
3914    }
3915
3916    .footer-copyright-content {
3917        padding: 0 10px;
3918    }
3919
3920    .js-data-grid-footer-content .footer-nav-row {
3921        grid-template-columns: 1fr 110px;
3922    }
3923
3924    .js-data-grid-footer-content .footer-nav-row>li:nth-child(1) {
3925        grid-column: unset;
3926        margin: 0 0 15px;
3927    }
3928
3929    .js-data-grid-footer-content .footer-nav-row>li:nth-child(2) {
3930        justify-self: unset;
3931        max-width: unset;
3932        border-bottom: none;
3933    }
3934
3935    .js-data-grid-footer-content .footer-nav-row>li:nth-child(2),
3936    .js-data-grid-footer-content .footer-nav-row>li:nth-child(3) {
3937        grid-column: 1 / -1;
3938    }
3939
3940    .js-data-grid-footer-content .footer-nav-row>li:nth-child(2) .sub-menu {
3941        display: block;
3942    }
3943
3944    .js-data-grid-footer-content .footer-nav-row>li:nth-child(2) .sub-menu a {
3945        padding-bottom: 0;
3946    }
3947
3948    .js-data-grid-footer-content .footer-nav-row>li:nth-child(4) {
3949        padding: 0 15px;
3950    }
3951
3952    .js-data-grid-footer-content .footer-nav-row .main-col.badge-col {
3953        display: block;
3954        border-bottom: none;
3955        text-align: right;
3956        margin-top: -125px;
3957    }
3958
3959    .js-data-grid-footer-content .footer-nav-row .main-col.badge-col .sub-menu {
3960        display: block;
3961    }
3962
3963    .js-data-grid-footer-content .footer-nav-row .main-col.badge-col a {
3964        padding-bottom: 0;
3965    }
3966
3967    .js-data-grid-footer-content .main-col.menu-item>a {
3968        padding-bottom: 12px;
3969    }
3970
3971    .js-data-grid-footer-content .footer-social-row {
3972        margin: 5px 0;
3973    }
3974
3975    .js-data-grid-footer-content .main-col.footer-toogle {
3976        margin: unset;
3977    }
3978
3979    .js-data-grid-footer-content .footer-nav-row address p {
3980        font-size: 12px;
3981    }
3982
3983    .js-data-grid-footer-content.contestPages-footer .footer-nav-row {
3984        grid-template-columns: 1fr;
3985    }
3986
3987    .js-data-grid-footer-content.contestPages-footer .footer-nav-row>li:nth-child(1) {
3988        text-align: center;
3989    }
3990
3991    .footer-content.contestPages-footer .cs-g2-badge-nav {
3992        padding-left: 0;
3993        text-align: center !important;
3994    }
3995
3996    .cs-badge-items {
3997        display: flex;
3998        justify-content: center;
3999        padding-top: 20px;
4000        margin-bottom: -10px;
4001        padding-left: 15px;
4002        padding-right: 15px;
4003    }
4004
4005    /* footer */
4006}
4007
4008
4009
4010/**
4011 * Owl Carousel v2.3.4
4012 * Copyright 2013-2018 David Deutsch
4013 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
4014 */
4015.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;
4015-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}
4015.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:var(--wpr-bg-24ae52e6-1477-4270-ada7-8b262cce5c38) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
4016
4017
4018
4019/**
4020 * Owl Carousel v2.3.4
4021 * Copyright 2013-2018 David Deutsch
4022 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
4023 */
4024.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}
4025
4026
4027
4028
4029                                                                                                                                                                                                                                                                                                                                                                                                                            
4030 /* Exit PopUp CSS starts*/
4031body .sencha-popup {
4032  position: fixed;
4033  inset: 0;
4034  background: rgba(15, 23, 42, 0.55);
4035  backdrop-filter: blur(4px);
4036  -webkit-backdrop-filter: blur(4px);
4037  z-index: 9999;
4038  align-items: center;
4039  justify-content: center;
4040  padding: 20px;
4041  display: none;
4042}
4043body .sencha-popup,
4044body .sencha-popup *{
4045	font-family: inherit;
4046}
4047body .sencha-popup.is-open {
4048  display: flex !important;
4049}
4050body .sencha-popup-container {
4051  background: #ffffff;           
4052  width: 100%;
4053  max-width: 560px;
4054  border-radius: 20px;
4055  box-shadow: 0 25px 60px rgba(15, 23, 42, 0.25);
4056  padding: 36px 36px 28px;
4057  position: relative;
4058  animation: senchaPopupIn 240ms cubic-bezier(0.2, 0.9, 0.3, 1.2);
4059  margin: 20px 0;
4060  max-height: calc(100vh - 40px);
4061  overflow: auto;
4062}
4063@keyframes senchaPopupIn {
4064  from {
4065    opacity: 0;
4066    transform: translateY(12px) scale(0.98);
4067  }
4068  to {
4069    opacity: 1;
4070    transform: translateY(0) scale(1);
4071  }
4072}
4073body .sencha-popup .sencha-popup-close {
4074  position: absolute;
4075  top: 18px;
4076  right: 18px;
4077  min-width: 36px;
4078  width: 36px;
4079  height: 36px;
4080  border: none;
4081  border-radius: 8px;
4082  cursor: pointer;
4083  display: flex;
4084  align-items: center;
4085  justify-content: center;
4086  color: #0f172a;
4087  transition: background 0.15s ease;
4088  padding: 0;
4089}
4090html:not(.dark) body .sencha-popup .sencha-popup-close {
4091  background: #0000000a;
4092}
4093html:not(.dark) body .sencha-popup .sencha-popup-close:hover {
4094  background: #00000014;
4095}
4096body .sencha-popup .sencha-popup-close svg {
4097  width: 16px;
4098  height: 16px;
4099}
4100html:not(.dark) body .sencha-popup .sencha-popup-close svg {
4101  stroke: #6d6d6d;
4102}
4103html.dark body .sencha-popup .sencha-popup-close svg {
4104  stroke: #fff;
4105}
4106body .sencha-popup .sencha-popup-brand {
4107  display: flex;
4108  align-items: center;
4109  gap: 8px;
4110  margin-bottom: 22px;
4111}
4112body .sencha-popup .sencha-popup-brand-logo {
4113  width: 28px;
4114  height: 28px;
4115}
4116body .sencha-popup .sencha-popup-brand-name {
4117  font-size: 22px;
4118  font-weight: 600;
4119  color: #0f172a;
4120  letter-spacing: -0.01em;
4121}
4122body .sencha-popup .sencha-popup-title {
4123  font-size: 38px;
4124  line-height: 1.1;
4125  font-weight: 800;
4126  color: #0b1220;
4127  margin: 0 0 12px;
4128  letter-spacing: -0.02em;
4129}
4130body .sencha-popup .sencha-popup-subtitle {
4131  font-size: 16px;
4132  line-height: 1.5;
4133  color: #475569;
4134  margin: 0 0 24px;
4135  max-width: 420px;
4136}
4137body .sencha-popup .sencha-popup-subtitle .highlight {
4138  color: #16a34a;
4139  font-weight: 700;
4140}
4141body .sencha-popup .sencha-popup-options {
4142  border-top: 1px solid #e5e7eb;
4143  display: flex;
4144  flex-direction: column;
4145}
4146body .sencha-popup .sencha-popup-options > div > p {
4147  display: none;
4148}
4149body .sencha-popup .sencha-popup-option {
4150  display: flex;
4151  align-items: center;
4152  gap: 18px;
4153  padding: 18px 4px;
4154  border-bottom: 1px solid #e5e7eb;
4155  text-decoration: none;
4156  color: inherit;
4157  cursor: pointer;
4158  transition:
4159    background 0.15s ease,
4160    transform 0.15s ease;
4161}
4162body .sencha-popup .sencha-popup-option:hover {
4163  background: #fafafa;
4164}
4165body .sencha-popup .sencha-popup-option:hover .sencha-popup-arrow {
4166  transform: translateX(3px);
4167}
4168body .sencha-popup .sencha-popup-icon {
4169  width: 48px;
4170  height: 48px;
4171  border-radius: 50%;
4172  display: flex;
4173  align-items: center;
4174  justify-content: center;
4175  flex-shrink: 0;
4176}
4177body .sencha-popup .sencha-popup-icon svg {
4178  width: 24px;
4179  height: 24px;
4180}
4181body .sencha-popup .sencha-popup-icon.green {
4182  background: #dcfce7;
4183  color: #16a34a;
4184}
4185body .sencha-popup .sencha-popup-icon.blue {
4186  background: #dbeafe;
4187  color: #2563eb;
4188}
4189body .sencha-popup .sencha-popup-icon.purple {
4190  background: #ede9fe;
4191  color: #7c3aed;
4192}
4193body .sencha-popup .sencha-popup-text {
4194  flex: 1;
4195  min-width: 0;
4196}
4197body .sencha-popup .sencha-popup-text-title {
4198  font-size: 17px;
4199  font-weight: 700;
4200  color: #0b1220;
4201  margin: 0 0 2px;
4202}
4203body .sencha-popup .sencha-popup-text-desc {
4204  font-size: 14px;
4205  color: #64748b;
4206  margin: 0;
4207}
4208body .sencha-popup .sencha-popup-arrow {
4209  width: 20px;
4210  height: 20px;
4211  flex-shrink: 0;
4212  transition: transform 0.2s ease;
4213}
4214body .sencha-popup .sencha-popup-option.green .sencha-popup-arrow {
4215  color: #16a34a;
4216}
4217body .sencha-popup .sencha-popup-option.blue .sencha-popup-arrow {
4218  color: #2563eb;
4219}
4220body .sencha-popup .sencha-popup-option.purple .sencha-popup-arrow {
4221  color: #7c3aed;
4222}
4223body .sencha-popup .sencha-popup-footer {
4224  display: flex;
4225  align-items: center;
4226  gap: 10px;
4227  padding-top: 18px;
4228  color: #64748b;
4229  font-size: 14px;
4230}
4231body .sencha-popup .sencha-popup-footer svg {
4232  width: 18px;
4233  height: 18px;
4234  color: #94a3b8;
4235  flex-shrink: 0;
4236}
4237html.dark body .sencha-popup-container {
4238    background: #202020;
4239}
4240html.dark body .sencha-popup .sencha-popup-brand img {
4241    content: url("/wp-content/uploads/2026/06/logo-light.png");
4242}
4243html.dark body .sencha-popup .sencha-popup-option:hover {
4244    background: #ffffff05;
4245}
4246html.dark body .sencha-popup .sencha-popup-title,
4247html.dark body .sencha-popup .sencha-popup-subtitle,
4248html.dark body .sencha-popup .sencha-popup-text-title,
4249html.dark body .sencha-popup .sencha-popup-text-desc,
4250html.dark body .sencha-popup .quiz-back,
4251html.dark body .sencha-popup .quiz-step-label,
4252html.dark body .sencha-popup .quiz-question,
4253html.dark body .sencha-popup .result-title,
4254html.dark body .sencha-popup .result-desc,
4255html.dark body .sencha-popup .sencha-popup-footer *,
4256html.dark body .sencha-popup .quiz-option-text {
4257    color: #fff;
4258}
4259html.dark body .sencha-popup .sencha-popup-icon svg path,
4260html.dark body .sencha-popup .sencha-popup-icon svg circle,
4261html.dark body .sencha-popup .result-icon svg {
4262    stroke: #000 !important;
4263}
4264html.dark body .sencha-popup .sencha-popup-option.green .sencha-popup-icon svg path {
4265    fill: #000 !important;
4266}
4267html.dark body .sencha-popup .sencha-popup-close {
4268    background: #ffffff08;
4269}
4270html.dark body .sencha-popup .sencha-popup-close:hover {
4271    background: #ffffff14;
4272}
4273html.dark body .sencha-popup .quiz-option {
4274    background: transparent;
4275}
4276html.dark body .sencha-popup .quiz-back svg,
4277html.dark body .sencha-popup .sencha-popup-option .sencha-popup-arrow {
4278    stroke: #fff;
4279}
4280@media (max-width: 520px) {
4281  body .sencha-popup .sencha-popup-container {
4282    padding: 28px 22px 22px;
4283    border-radius: 16px;
4284  }
4285  body .sencha-popup .sencha-popup-title {
4286    font-size: 30px;
4287  }
4288  body .sencha-popup .sencha-popup-subtitle {
4289    font-size: 15px;
4290  }
4291  body .sencha-popup .sencha-popup-icon {
4292    width: 42px;
4293    height: 42px;
4294  }
4295  body .sencha-popup .sencha-popup-icon svg {
4296    width: 20px;
4297    height: 20px;
4298  }
4299  body .sencha-popup .sencha-popup-text-title {
4300    font-size: 16px;
4301  }
4302}
4303/* ---------- Multi-screen state ---------- */
4304body .sencha-popup .sencha-popup-screen {
4305  display: none;
4306}
4307body .sencha-popup .sencha-popup-container.state-menu .sencha-popup-screen.menu,
4308body .sencha-popup .sencha-popup-container.state-quiz .sencha-popup-screen.quiz,
4309body .sencha-popup .sencha-popup-container.state-result .sencha-popup-screen.result {
4310  display: block;
4311}
4312/* ---------- Quiz theme (light, matches menu) ---------- */
4313body .sencha-popup .sencha-popup-container.state-quiz,
4314body .sencha-popup .sencha-popup-container.state-result {
4315  max-width: 760px;
4316  padding: 36px 36px 32px;
4317}
4318/* ---------- Progress bar ---------- */
4319body .sencha-popup .quiz-progress {
4320  display: flex;
4321  gap: 10px;
4322  margin-bottom: 24px;
4323}
4324body .sencha-popup .quiz-progress-step {
4325  flex: 1;
4326  height: 4px;
4327  border-radius: 4px;
4328  background: #e5e7eb;
4329  overflow: hidden;
4330  position: relative;
4331}
4332body .sencha-popup .quiz-progress-step::after,
4333body .sencha-popup .quiz-progress-step::after {
4334  content: "";
4335  position: absolute;
4336  transition: all 0.3s ease-in-out;
4337  width: 0%;
4338  height: 100%;
4339  left: 0;
4340  top: 0;
4341  border-radius: 4px;
4342  background-color: #16a34a;
4343}
4344body .sencha-popup .quiz-progress-step.is-active::after,
4345body .sencha-popup .quiz-progress-step.is-done::after {
4346  width: 100%;
4347}
4348body .sencha-popup .quiz-step-label {
4349  font-size: 12px;
4350  font-weight: 700;
4351  letter-spacing: 0.15em;
4352  color: #64748b;
4353  margin-bottom: 8px;
4354}
4355body .sencha-popup .quiz-question {
4356  font-size: 28px;
4357  line-height: 1.2;
4358  font-weight: 800;
4359  color: #0b1220;
4360  margin: 0 0 24px;
4361  letter-spacing: -0.01em;
4362}
4363body .sencha-popup .quiz-options {
4364  display: grid;
4365  grid-template-columns: 1fr 1fr;
4366  gap: 14px;
4367}
4368body .sencha-popup .quiz-option {
4369  display: flex;
4370  align-items: center;
4371  gap: 14px;
4372  padding: 16px 18px;
4373  background: #ffffff;
4374  border: 1px solid #e5e7eb;
4375  border-radius: 12px;
4376  color: #0b1220;
4377  text-align: left;
4378  font: inherit;
4379  font-size: 15px;
4380  line-height: 1.4;
4381  cursor: pointer;
4382  transition: border-color 0.15s ease, background 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
4383  height: unset;
4384  text-transform: initial;
4385}
4386body .sencha-popup .quiz-option:hover {
4387  border-color: #16a34a;
4388  background: #f0fdf4;
4389  box-shadow: 0 4px 14px rgba(22, 163, 74, 0.08);
4390  transform: translateY(-1px);
4391}
4392body .sencha-popup .quiz-option.is-selected {
4393  border-color: #16a34a;
4394  background: #ecfdf5;
4395}
4396body .sencha-popup .quiz-letter {
4397  width: 32px;
4398  height: 32px;
4399  border-radius: 8px;
4400  background: #f1f5f9;
4401  color: #475569;
4402  font-weight: 700;
4403  font-size: 13px;
4404  display: flex;
4405  align-items: center;
4406  justify-content: center;
4407  flex-shrink: 0;
4408}
4409body .sencha-popup .quiz-option:hover .quiz-letter,
4410body .sencha-popup .quiz-option.is-selected .quiz-letter {
4411  background: #16a34a;
4412  color: #ffffff;
4413}
4414body .sencha-popup .quiz-option-text {
4415  flex: 1;
4416}
4417body .sencha-popup .quiz-actions {
4418  display: flex;
4419  justify-content: space-between;
4420  align-items: center;
4421  margin-bottom: 14px;
4422}
4423body .sencha-popup .quiz-back {
4424  background: transparent;
4425  border: none;
4426  color: #64748b;
4427  font: inherit;
4428  font-size: 14px;
4429  font-weight: 600;
4430  cursor: pointer;
4431  padding: 8px 0;
4432  display: flex;
4433  align-items: center;
4434  gap: 6px;
4435  text-transform: capitalize;
4436  letter-spacing: 0;
4437  height: unset;
4438}
4439body .sencha-popup .quiz-back svg {
4440  stroke: #64748b;
4441}
4442body .sencha-popup .quiz-back:hover {
4443  color: #0b1220;
4444}
4445body .sencha-popup .quiz-back[disabled] {
4446  opacity: 0.35;
4447  cursor: default;
4448}
4449/* ---------- Result screen (email capture) ---------- */
4450body .sencha-popup .result-top {
4451  display: flex;
4452  justify-content: center;
4453  margin-bottom: 18px;
4454}
4455body .sencha-popup .result-top .quiz-back {
4456  font-weight: 600;
4457  display: inline-flex;
4458  align-items: center;
4459  gap: 6px;
4460}
4461body .sencha-popup .result-body {
4462  text-align: center;
4463  padding: 4px 24px 8px;
4464}
4465body .sencha-popup .result-icon {
4466  width: 64px;
4467  height: 64px;
4468  border-radius: 50%;
4469  background: #dcfce7;
4470  color: #16a34a;
4471  display: inline-flex;
4472  align-items: center;
4473  justify-content: center;
4474  margin-bottom: 22px;
4475}
4476body .sencha-popup .result-icon svg {
4477  width: 28px;
4478  height: 28px;
4479}
4480body .sencha-popup .result-title {
4481  font-size: 30px;
4482  line-height: 1.2;
4483  font-weight: 800;
4484  color: #0b1220;
4485  margin: 0 0 12px;
4486  letter-spacing: -0.01em;
4487}
4488body .sencha-popup .result-title span {
4489  color: #16a34a;
4490}
4491body .sencha-popup .result-desc {
4492  color: #475569;
4493  font-size: 15px;
4494  line-height: 1.6;
4495  margin: 0 auto 24px;
4496  max-width: 460px;
4497}
4498body .sencha-popup .result-form {
4499  display: flex;
4500  flex-direction: column;
4501  align-items: center;
4502  gap: 14px;
4503  max-width: 420px;
4504  margin: 0 auto;
4505}
4506body .sencha-popup .result-email {
4507  width: 100%;
4508  padding: 14px 16px;
4509  font: inherit;
4510  font-size: 15px;
4511  color: #0b1220;
4512  background: #ffffff;
4513  border: 1px solid #e5e7eb;
4514  border-radius: 10px;
4515  outline: none;
4516  transition: border-color 0.15s ease, box-shadow 0.15s ease;
4517}
4518body .sencha-popup .result-email::placeholder {
4519    color: #94a3b8;
4520}
4521body .sencha-popup .result-email:focus {
4522  border-color: #16a34a;
4523  box-shadow: 0 0 0 3px rgba(22, 163, 74, 0.15);
4524}
4525body .sencha-popup .result-form.has-error .result-email {
4526  border-color: #ef4444;
4527  box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.15);
4528}
4529body .sencha-popup .result-submit {
4530  display: inline-flex;
4531  align-items: center;
4532  justify-content: center;
4533  gap: 8px;
4534  background: #84cc16;
4535  color: #ffffff !important;
4536  font: inherit;
4537  font-size: 15px;
4538  font-weight: 700;
4539  padding: 13px 26px;
4540  border: none;
4541  border-radius: 10px;
4542  cursor: pointer;
4543  transition: background 0.15s ease, transform 0.1s ease;
4544  height: unset;
4545
4546}
4547body .sencha-popup .result-submit svg {
4548  stroke: #fff;
4549}
4550body .sencha-popup .result-submit:hover {
4551  background: #65a30d;
4552  transform: translateY(-1px);
4553}
4554body .sencha-popup .result-submit:active {
4555    transform: translateY(0);
4556}
4557body .sencha-popup .result-fineprint {
4558  margin: 18px 0 0;
4559  color: #94a3b8;
4560  font-size: 13px;
4561}
4562body .sencha-popup .sencha-popup-icon svg,
4563body .sencha-popup .sencha-popup-icon svg path,
4564body .sencha-popup .sencha-popup-icon svg circle{
4565	color: inherit;                                                                                                                                                                                                                                                                                                                                                                                                                            
4566}
4567@media (max-width: 720px) {
4568  body .sencha-popup .sencha-popup-container.state-quiz,
4569  body .sencha-popup .sencha-popup-container.state-result {
4570    padding: 28px 22px 24px;
4571  }
4572  body .sencha-popup .quiz-question {
4573    font-size: 22px;
4574  }
4575  body .sencha-popup .quiz-options {
4576    grid-template-columns: 1fr;
4577  }
4578  body .sencha-popup .result-body {
4579    padding: 0;
4580  }
4581  body .sencha-popup .result-title {
4582    font-size: 24px;
4583  }
4584  body .sencha-popup .result-icon {
4585    width: 56px;
4586    height: 56px;
4587    margin-bottom: 16px;
4588  }
4589  body .sencha-popup .result-icon svg {
4590    width: 24px;
4591    height: 24px;
4592  }
4593}   
4594                                                                                                                                                                                                                                                                                                                                                                                                                            
4595 /* Exit PopUp CSS Ends */</style><style type="text/css" id="sns_global_less_compiled">.content .wp-geshi-highlight pre,
4596.content .wp-geshi-highlight span {
4597  overflow: visible;
4598  margin: 0;
4599  padding: 0;
4600  border: none;
4601  box-shadow: none;
4602  background: none;
4603  font-size: 14px;
4604  line-height: 1.4em;
4605  font-family: Menlo, 'Courier New', Courier, monospace;
4606  word-wrap: normal;
4607  /* Otherwise Chrome wraps lines */
4608
4609  white-space: pre;
4610}
4611.content .wp-geshi-highlight ol {
4612  margin: 0 !important;
4613  padding: 0 !important;
4614  counter-reset: line-number;
4615  /* Creates a new instance of the section counter with each ol element */
4616
4617  list-style-type: none;
4618}
4619.content .wp-geshi-highlight ol > li:before {
4620  counter-increment: line-number;
4621  content: counter(line-number, decimal-leading-zero);
4622  position: absolute;
4623  left: -46px;
4624  line-height: 21px;
4625  color: #cdcdcd;
4626  font-size: 80%;
4627  width: 40px;
4628}
4629.content .wp-geshi-highlight ol > li {
4630  position: relative;
4631  /* Create a positioning context */
4632
4633  margin: 0 0 0 40px;
4634  /* Give each list item a left margin to make room for the numbers */
4635
4636  list-style-type: none !important;
4637}
4638.content .wp-geshi-highlight li {
4639  padding-left: 2px;
4640  font-size: 14px;
4641  font-family: Menlo, 'Courier New', Courier, monospace;
4642}
4643.content .wp-geshi-highlight {
4644  background-color: #fff;
4645  padding: 10px 15px;
4646  border: 1px solid #e8e8e8;
4647  margin: 2px 0 30px 0;
4648  overflow-x: auto;
4649  background-color: #fdfdfd;
4650  box-shadow: 0 8px 7px -10px #cccccc, 0 -8px 7px -10px #cccccc;
4651}
4652code,
4653p code,
4654.entry-content code {
4655  padding: 3px !important;
4656  background-color: #f5f5f5 !important;
4657  color: #314e64 !important;
4658  font-family: Menlo, 'Courier New', Courier, monospace !important;
4659  font-size: 14px !important;
4660}
4661.maximum .pld-like-dislike-wrap.pld-template-1 {
4662  display: none;
4663}
4664.pld-like-dislike-wrap {
4665  display: inline-block;
4666  margin-bottom: 20px;
4667  display: flex;
4668  flex-wrap: wrap;
4669}
4670.pld-like-dislike-wrap h2 {
4671  flex: 0 0 100%;
4672  margin-bottom: 8px;
4673  font-size: 22px;
4674}
4675.pld-like-wrap.pld-common-wrap {
4676  margin-right: 15px !important;
4677}
4678.pld-like-dislike-wrap .pld-common-wrap {
4679  display: flex;
4680  text-align: center;
4681  align-items: center;
4682  justify-content: center;
4683  border-radius: 50%;
4684  gap: 6px;
4685  margin-right: 0;
4686  min-width: unset;
4687  padding: 0;
4688  width: 45px;
4689  height: 45px;
4690}
4691.pld-common-wrap > a.pld-like-dislike-trigger {
4692  text-decoration: none;
4693  box-shadow: 0 0 0 !important;
4694  border-bottom: 0;
4695  transition: all 0.1s ease;
4696}
4697.pld-like-dislike-wrap.pld-custom img {
4698  max-width: 25px;
4699  display: inline-block;
4700  vertical-align: top;
4701  transition: all 0.3s ease;
4702  max-width: unset;
4703  width: 100%;
4704  height: 100%;
4705  object-fit: cover;
4706  border-radius: 50%;
4707  box-shadow: 0 0px 10px #00000045;
4708}
4709.pld-like-dislike-wrap.pld-custom img:hover {
4710  transform: translateY(-2px);
4711}
4712.pld-count-wrap {
4713  width: 40px;
4714  height: 26px;
4715  background: #819fac;
4716  display: flex;
4717  justify-content: center;
4718  align-items: center;
4719  border-radius: 4px;
4720  color: #ffff;
4721  margin-top: 0;
4722  font-weight: 600;
4723  box-shadow: 0 5px 10px #00000057;
4724  display: none;
4725}
4726.pld-like-wrap .pld-count-wrap {
4727  background: #95c93d;
4728}
4729.pld-common-wrap label {
4730  margin-bottom: 0;
4731  letter-spacing: 0.5px;
4732  display: none;
4733}
4734</style><style type="text/css" id="sns_styles">/* live */
4735:root {
4736    --clr-white: #ffffff;
4737    --clr-black: #000000;
4738    --clr-primary: #024059;
4739    --clr-green: #86bc40;
4740    --clr-green-btn: #8fc441;
4741    --clr-bg: #ffffff;
4742    --clr-border: #d9eace;
4743    --clr-text-dark: #111111;
4744    --clr-border-gray: #aeb4b7;
4745    --clr-orange: #ff7300;
4746    --clr-divider: #d1d1d1;
4747    --clr-green-accent: #9cc555;
4748    --clr-gray-text: #888888;
4749    --clr-text-soft: #171717;
4750    --clr-text-deep: #222222;
4751    --clr-border-dotted: #c9c9c9;
4752    --fs-8: 8px;
4753    --fs-10: 10px;
4754    --fs-12: 12px;
4755    --fs-13: 13px;
4756    --fs-14: 14px;
4757    --fs-15: 15px;
4758    --fs-16: 16px;
4759    --fs-17: 17px;
4760    --fs-18: 18px;
4761    --fs-20: 20px;
4762    --fs-22: 22px;
4763    --fs-24: 24px;
4764    --fs-30: 30px;
4765    --fs-32: 32px;
4766    --fs-34: 34px;
4767    --heading-two: 50px;
4768    --sub-heading: 20px;
4769}
4770*,
4771*::before,
4772*::after {
4773    box-sizing: border-box;
4774    margin: 0;
4775    padding: 0;
4776}
4777*:not(.cs-icon) {
4778    font-family: "Plus Jakarta Sans", sans-serif;
4779}
4780html {
4781    scroll-behavior: smooth;
4782}
4783img {
4784    width: auto;
4785    height: auto;
4786}
4787body {
4788    font-family: "Plus Jakarta Sans", sans-serif;
4789    color: var(--clr-black);
4790    background: var(--clr-bg);
4791    overflow-x: hidden;
4792}
4793.content-sidebar-wrap .post-edit-link {
4794    display: none;
4795}
4796.sg-popup-content.sgpb-content-64768{
4797    width: max-content !important;
4798    max-width: 100%;
4799}
4800.main-content img {
4801    display: block;
4802    max-width: 100%;
4803}
4804.main-content a {
4805    text-decoration: none;
4806    color: inherit;
4807}
4808.main-content p {
4809    line-height: 1.6;
4810}
4811.main-content section {
4812    padding: 70px 0;
4813}
4814br {
4815    display: none;
4816}
4817body.loading img {
4818    opacity: 1;
4819}
4820.newsletter-ui {
4821    background: #e8f6fd;
4822}
4823/* BASIC */
4824.main-content .container {
4825    width: 90%;
4826    max-width: 1500px;
4827    margin-inline: auto;
4828}
4829.main-content .btn {
4830    width: unset;
4831    display: inline-flex;
4832    align-items: center;
4833    justify-content: center;
4834    gap: 8px;
4835    padding: 0 32px;
4836    height: 70px;
4837    border-radius: 40px;
4838    font-size: var(--fs-20);
4839    font-weight: 700;
4840    cursor: pointer;
4841    transition:
4842        filter 0.35s ease,
4843        transform 0.35s ease;
4844    border: none;
4845    white-space: nowrap;
4846}
4847.main-content .btn:hover {
4848    filter: brightness(1.08);
4849    transform: translateY(-2px);
4850}
4851.main-content .btn--primary {
4852    background: var(--clr-primary);
4853    color: var(--clr-white);
4854}
4855.main-content .btn--green {
4856    background: var(--clr-green-btn);
4857    color: var(--clr-white);
4858}
4859.main-content .btn--green-sm {
4860    background: var(--clr-green-btn);
4861    color: var(--clr-white);
4862    padding: 0 20px;
4863    height: 40px;
4864    font-size: var(--fs-13);
4865    border-radius: 999px;
4866}
4867.main-content .btn--blue-sm {
4868    background: #38bbda;
4869    color: var(--clr-white);
4870    padding: 0 20px;
4871    height: 40px;
4872    font-size: var(--fs-13);
4873    border-radius: 999px;
4874}
4875.main-content .btn--outline-sm {
4876    background: transparent;
4877    border: 1.5px solid #767676;
4878    color: var(--clr-black);
4879    padding: 0 20px;
4880    height: 40px;
4881    font-size: var(--fs-14);
4882    border-radius: 999px;
4883}
4884.main-content .btn--ghost {
4885    background: transparent;
4886    color: var(--clr-primary);
4887    font-size: var(--fs-15);
4888    padding: 0;
4889    height: auto;
4890    font-weight: 600;
4891    text-decoration: underline;
4892}
4893.main-content .accent {
4894    color: var(--clr-green);
4895}
4896@keyframes extjsLogoOuterGlow {
4897    0%,
4898    100% {
4899        opacity: 0.45;
4900        transform: translate(-50%, -50%) scale(0.9);
4901    }
4902    50% {
4903        opacity: 0.85;
4904        transform: translate(-50%, -50%) scale(1.15);
4905    }
4906}
4907/* EXT JS HERO */
4908.main-content .extjs-hero {
4909    position: relative;
4910    width: 100%;
4911    overflow: hidden;
4912    background: linear-gradient(180deg, #edffd8 0%, #f7ffe9 18%, var(--clr-white) 48%);
4913    padding: 50px 0 60px;
4914}
4915.main-content .extjs-hero__announcement {
4916    width: fit-content;
4917    display: flex;
4918    align-items: center;
4919    gap: 7px;
4920    margin: 0 auto 14px;
4921    padding: 8px 14px;
4922    border-radius: 30px;
4923    background: #d6f0df;
4924    color: #255c68;
4925    font-size: var(--fs-16);
4926    font-weight: 500;
4927    line-height: 1;
4928}
4929.main-content .extjs-hero__announcement-dot {
4930    position: relative;
4931    width: 8px;
4932    height: 8px;
4933    flex: 0 0 8px;
4934    border-radius: 50%;
4935    background: #07546a;
4936}
4937.main-content .extjs-hero__announcement-dot::before {
4938    content: "";
4939    position: absolute;
4940    top: 50%;
4941    left: 50%;
4942    width: 8px;
4943    height: 8px;
4944    border-radius: 50%;
4945    background: rgba(7, 84, 106, 0.35);
4946    transform: translate(-50%, -50%);
4947    animation: extjsAnnouncementPulse 1.8s ease-out infinite;
4948}
4949@keyframes extjsAnnouncementPulse {
4950    0% {
4951        width: 8px;
4952        height: 8px;
4953        opacity: 0.8;
4954    }
4955    70% {
4956        width: 22px;
4957        height: 22px;
4958        opacity: 0;
4959    }
4960    100% {
4961        width: 22px;
4962        height: 22px;
4963        opacity: 0;
4964    }
4965}
4966.main-content .extjs-hero__title {
4967    margin: 0;
4968    color: #050505;
4969    font-size: 68px;
4970    font-weight: 880;
4971    line-height: 1.2;
4972    letter-spacing: -1.8px;
4973    text-align: center;
4974}
4975.main-content .extjs-hero__title br {
4976    display: block;
4977}
4978.main-content .extjs-hero__title span {
4979    color: #7dbb36;
4980}
4981.clr-extjs {
4982    color: rgba(var(--clr-pri));
4983}
4984.clr-react {
4985    color: #28b6d5;
4986}
4987#typewriter {
4988    border-right: 4px solid var(--clr-primary);
4989    padding-right: 5px;
4990    animation: animateborder 1s infinite;
4991}
4992@keyframes animateborder {
4993    0%,
4994    50%,
4995    100% {
4996        border-color: var(--clr-primary);
4997    }
4998    51%,
4999    99% {
5000        border-color: transparent;
5001    }
5002}
5003.main-content .extjs-hero__subtitle {
5004    margin: 18px 0 30px;
5005    color: var(--clr-text-soft);
5006    font-size: 28px;
5007    font-weight: 400;
5008    line-height: 1.5;
5009    text-align: center;
5010}
5011.main-content .extjs-hero__subtitle strong {
5012    font-weight: 700;
5013}
5014.main-content .extjs-hero__action {
5015    display: flex;
5016    justify-content: center;
5017}
5018.main-content .extjs-hero__action .btn {
5019    min-width: 500px;
5020}
5021.main-content .extjs-hero__features {
5022    display: flex;
5023    align-items: center;
5024    justify-content: center;
5025    margin: 15px auto 38px;
5026}
5027.main-content .extjs-hero__feature {
5028    display: flex;
5029    align-items: center;
5030    gap: 10px;
5031    color: #7a7a7a;
5032    font-size: var(--fs-14);
5033    font-weight: bold;
5034    line-height: 1.4;
5035}
5036.main-content .extjs-hero__feature:first-child {
5037    padding-right: 15px;
5038    margin-right: 15px;
5039    border-right: 1px solid #dcdcdc;
5040}
5041.main-content .extjs-hero__check {
5042    width: 15px;
5043    height: 8px;
5044    border-left: 3px solid #7dbc28;
5045    border-bottom: 3px solid #7dbc28;
5046    transform: rotate(-45deg);
5047    margin-top: -3px;
5048}
5049.main-content .extjs-hero__feature-divider {
5050    width: 1px;
5051    height: 16px;
5052    background: #d2d2d2;
5053}
5054.main-content .extjs-demo {
5055    position: relative;
5056    width: 100%;
5057    height: clamp(500px, 80vh, 800px);
5058    overflow: hidden;
5059    border: 1px solid #d7d7d7;
5060    border-radius: 12px;
5061    background: var(--clr-white);
5062    box-shadow: 0 5px 18px rgba(0, 0, 0, 0.04);
5063}
5064.main-content .extjs-demo__iframe {
5065    position: absolute;
5066    inset: 0;
5067    width: 100%;
5068    height: 100%;
5069    display: block;
5070    border: 0;
5071    z-index: 3;
5072}
5073.main-content .iframe-skeleton {
5074    position: absolute;
5075    top: 0;
5076    left: 0;
5077    width: 100%;
5078    height: 100%;
5079    display: flex;
5080    flex-direction: column;
5081    align-items: center;
5082    justify-content: center;
5083    text-align: center;
5084    background: #eee;
5085}
5086.main-content .iframe-skeleton .svg-icon {
5087    animation-iteration-count: infinite;
5088    animation-timing-function: linear;
5089}
5090.main-content .iframe-skeleton .svg-icon-large {
5091    width: 96px;
5092    height: 96px;
5093    animation-duration: 6000ms;
5094    animation-name: spinLeft;
5095}
5096@keyframes spinLeft {
5097    0% {
5098        transform: rotate(0deg);
5099    }
5100    100% {
5101        transform: rotate(360deg);
5102    }
5103}
5104.main-content .iframe-skeleton .svg-icon-small {
5105    width: 64px;
5106    height: 64px;
5107    position: absolute;
5108    margin-left: -15px;
5109    margin-top: -25px;
5110    animation-duration: 4000ms;
5111    animation-name: spinRight;
5112}
5113.main-content .iframe-skeleton .svg-icon-small path {
5114    stroke: #ccc;
5115    stroke-width: 0.3;
5116}
5117@keyframes spinRight {
5118    0% {
5119        transform: rotate(0deg);
5120    }
5121    100% {
5122        transform: rotate(-360deg);
5123    }
5124}
5125.main-content .iframe-skeleton .svg-icon path,
5126.main-content .iframe-skeleton .svg-icon polygon,
5127.main-content .iframe-skeleton .svg-icon rect {
5128    fill: #ccc;
5129}
5130.main-content .iframe-skeleton .x-coresplash-title {
5131    font-size: var(--fs-18);
5132    font-weight: bold;
5133    color: var(--clr-text-deep);
5134}
5135.main-content .iframe-skeleton .x-coresplash-message {
5136    font-size: var(--fs-14);
5137    line-height: 1.57;
5138    color: var(--clr-text-deep);
5139    padding-top: 5px;
5140}
5141.main-content .extjs-hero__bottom {
5142    display: flex;
5143    align-items: center;
5144    justify-content: flex-end;
5145    gap: 10px;
5146    margin-bottom: 24px;
5147}
5148.main-content .extjs-hero__bottom-text {
5149    display: flex;
5150    align-items: center;
5151}
5152.main-content .extjs-hero__bottom-title {
5153    color: var(--clr-text-dark);
5154    font-size: var(--fs-16);
5155    font-weight: 400;
5156}
5157.main-content .extjs-hero__arrow {
5158    color: var(--clr-text-dark);
5159    font-size: var(--fs-32);
5160    line-height: 1;
5161    margin-top: -0.4em;
5162}
5163.main-content .extjs-hero__bottom-action {
5164    display: flex;
5165    align-items: center;
5166    gap: 10px;
5167}
5168.main-content .extjs-hero__product {
5169    min-width: 110px;
5170    height: 46px;
5171    display: inline-flex;
5172    align-items: center;
5173    justify-content: center;
5174    gap: 12px;
5175    padding: 0 15px;
5176    border-radius: 50px;
5177    color: var(--clr-white);
5178    font-size: var(--fs-14);
5179    font-weight: 600;
5180    text-decoration: none;
5181    transition: all 0.15s ease;
5182}
5183.main-content .extjs-hero__product:hover {
5184    transform: translateY(-2px);
5185    filter: brightness(1.05);
5186}
5187.main-content .extjs-hero__product--ext {
5188    background: #80c41c;
5189}
5190.main-content .extjs-hero__product--react {
5191    background: #28b6d5;
5192}
5193/* LEADING COMPANIES */
5194.main-content .companies {
5195    padding-block: 36px;
5196    background: white;
5197    text-align: center;
5198    overflow: hidden;
5199}
5200.main-content .companies__header {
5201    position: relative;
5202    display: flex;
5203    justify-content: center;
5204    margin-bottom: 24px;
5205}
5206.main-content .companies__header::before {
5207    content: "";
5208    position: absolute;
5209    width: 100%;
5210    height: 2px;
5211    background: linear-gradient(to right, transparent, #7b7b7b, transparent);
5212    top: 50%;
5213    left: 0;
5214    transform: translateY(-50%);
5215}
5216.main-content .companies__heading {
5217    font-size: var(--fs-18);
5218    font-weight: 500;
5219    color: #828282;
5220    padding: 0 15px;
5221    background: var(--clr-white);
5222    z-index: 1;
5223}
5224.main-content .companies__track-outer {
5225    overflow: hidden;
5226    width: 100%;
5227}
5228.main-content .companies__track {
5229    display: flex;
5230    width: max-content;
5231    animation: ticker 28s linear infinite;
5232}
5233.main-content .companies__track:hover {
5234    animation-play-state: paused;
5235}
5236.main-content .companies__strip {
5237    width: auto;
5238    display: block;
5239    object-fit: contain;
5240    flex-shrink: 0;
5241    padding-right: 40px;
5242    max-height: 50px;
5243}
5244@keyframes ticker {
5245    0% {
5246        transform: translateX(0);
5247    }
5248    100% {
5249        transform: translateX(-33.333%);
5250    }
5251}
5252/* BUILD DATA-INTENSIVE SECTION */
5253.main-content .data-section-content {
5254    background: #f5fcff;
5255    border-radius: 21px;
5256    padding: 56px 48px;
5257    position: relative;
5258    overflow: hidden;
5259    isolation: isolate;
5260}
5261.main-content .data-section-content .section-decor-img {
5262    position: absolute;
5263    right: -2%;
5264    top: -2%;
5265    max-width: 300px;
5266    opacity: 0.2;
5267    height: auto;
5268    z-index: -1;
5269}
5270.main-content .data-section__heading {
5271    font-size: var(--heading-two);
5272    font-weight: 800;
5273    text-align: center;
5274    margin-bottom: 12px;
5275}
5276.main-content .data-section__sub {
5277    font-size: var(--sub-heading);
5278    text-align: center;
5279    max-width: 820px;
5280    margin: 0 auto 48px;
5281    line-height: 1.75;
5282}
5283.main-content .data-cards {
5284    display: grid;
5285    grid-template-columns: 1fr 1fr;
5286    gap: 30px;
5287}
5288.main-content .data-card {
5289    background: white;
5290    border-radius: 13px;
5291    box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
5292    overflow: hidden;
5293    display: flex;
5294    flex-direction: column;
5295}
5296.main-content .data-card img {
5297    max-width: calc(100% - 20px);
5298    margin-left: auto;
5299}
5300.main-content .data-card__text {
5301    padding: 35px 40px;
5302}
5303.main-content .data-card__title {
5304    font-size: var(--fs-22);
5305    font-weight: 700;
5306    color: #4d4d4d;
5307    margin-bottom: 6px;
5308}
5309.main-content .data-card__desc {
5310    font-size: var(--fs-14);
5311    color: #767676;
5312    line-height: 1.7;
5313    margin-bottom: 16px;
5314}
5315.main-content .grid-stage {
5316    position: relative;
5317    margin-top: auto;
5318    margin-left: auto;
5319    width: calc(100% - 40px);
5320    max-width: 650px;
5321    user-select: none;
5322}
5323.main-content .grid-stage::before {
5324    content: "";
5325    position: absolute;
5326    top: 20px;
5327    left: -15px;
5328    width: 100%;
5329    height: 100%;
5330    border: 1px solid var(--clr-border-gray);
5331    border-radius: 15px 0 0 0;
5332    background: transparent;
5333}
5334.main-content .grid-stage iframe {
5335    width: 100%;
5336    height: 350px;
5337    position: relative;
5338    z-index: 1;
5339}
5340.main-content .data-grid {
5341    position: relative;
5342    background: var(--clr-white);
5343    border: 1px solid var(--clr-border-gray);
5344    border-radius: 15px 0 0 0;
5345    border-right: none;
5346    border-bottom: none;
5347    overflow: hidden;
5348}
5349.main-content .data-grid-header,
5350.main-content .data-grid-row {
5351    display: grid;
5352    grid-template-columns: 130px 90px 120px 90px 1fr;
5353    align-items: center;
5354}
5355.main-content .data-grid-header {
5356    height: 50px;
5357    padding: 0 15px;
5358    color: var(--clr-text-dark);
5359    font-size: var(--fs-15);
5360    font-weight: 600;
5361}
5362.main-content .data-grid-row {
5363    min-height: 44px;
5364    padding: 0 15px;
5365    color: var(--clr-text-soft);
5366    font-size: var(--fs-13);
5367    border-radius: 2px;
5368}
5369.main-content .data-grid-row:nth-child(even) {
5370    background: #f6f6f6;
5371}
5372.main-content .name {
5373    font-weight: 600;
5374}
5375.main-content .profit {
5376    font-weight: 700;
5377}
5378.main-content .status {
5379    display: inline-flex;
5380    align-items: center;
5381    justify-content: center;
5382    width: 64px;
5383    height: 27px;
5384    border: 1px solid #bfc2c4;
5385    border-radius: 999px;
5386    color: var(--clr-text-deep);
5387    background: var(--clr-white);
5388    font-size: var(--fs-12);
5389    font-weight: 400;
5390}
5391.main-content .grid-stage.tree-structure {
5392    margin-right: auto;
5393    width: 80%;
5394    max-width: 560px;
5395}
5396.main-content .grid-stage.tree-structure::before {
5397    content: "";
5398    position: absolute;
5399    top: -17px;
5400    left: 19px;
5401    width: calc(100% - 39px);
5402    height: 100%;
5403    border: 1px solid var(--clr-border-gray);
5404    border-radius: 15px 15px 0 0;
5405    background: var(--clr-white);
5406}
5407.main-content .tree-grid {
5408    position: relative;
5409    z-index: 2;
5410    width: 100%;
5411    height: 100%;
5412    background: var(--clr-white);
5413    border: 1px solid var(--clr-border-gray);
5414    border-radius: 15px 15px 0 0;
5415    overflow: hidden;
5416    border-bottom: none;
5417}
5418.main-content .tree-content {
5419    position: relative;
5420    padding: 20px 0px 20px 40px;
5421    color: var(--clr-text-dark);
5422}
5423.main-content .tree-item {
5424    position: relative;
5425    display: flex;
5426    align-items: center;
5427    height: 40px;
5428}
5429.main-content .tree-label {
5430    font-size: var(--fs-15);
5431    line-height: 1;
5432    font-weight: 500;
5433    white-space: nowrap;
5434}
5435.main-content .tree-root .tree-label,
5436.main-content .tree-parent .tree-label {
5437    font-size: var(--fs-18);
5438}
5439.main-content .tree-toggle {
5440    position: absolute;
5441    left: 0;
5442    top: 50%;
5443    transform: translateY(-50%);
5444    display: flex;
5445    align-items: center;
5446    justify-content: center;
5447    width: 21px;
5448    height: 21px;
5449    background: #dedede;
5450    border-radius: 6px;
5451    color: var(--clr-text-dark);
5452    font-size: var(--fs-18);
5453    font-weight: 400;
5454    line-height: 20px;
5455}
5456.main-content .folder-icon {
5457    width: 36px;
5458    height: 30px;
5459    margin-left: 34px;
5460    margin-right: 10px;
5461    flex: 0 0 auto;
5462    fill: var(--clr-black);
5463}
5464.main-content .root-children {
5465    position: relative;
5466    margin-left: 50px;
5467    padding-left: 31px;
5468}
5469.main-content .root-children::before {
5470    content: "";
5471    position: absolute;
5472    left: 0;
5473    top: 0;
5474    bottom: 20px;
5475    border-left: 2px dotted var(--clr-border-dotted);
5476}
5477.main-content .tree-child {
5478    height: 41px;
5479    position: relative;
5480}
5481.main-content .tree-child::before {
5482    content: "";
5483    position: absolute;
5484    left: -31px;
5485    top: 50%;
5486    width: 31px;
5487    border-top: 2px dotted var(--clr-border-dotted);
5488}
5489.main-content .file-icon {
5490    width: 14px;
5491    height: 17px;
5492    margin-right: 5px;
5493    color: var(--clr-text-dark);
5494    flex: 0 0 auto;
5495}
5496.main-content .tree-parent {
5497    position: relative;
5498    margin-left: -40px;
5499    margin-top: 4px;
5500}
5501.tree-item.tree-parent::before {
5502    content: "";
5503    position: absolute;
5504    top: 20px;
5505    left: 5px;
5506    height: 90px;
5507    width: 10px;
5508    background: var(--clr-white);
5509}
5510.main-content .parent-children {
5511    position: relative;
5512    margin-left: 12px;
5513    padding-left: 31px;
5514}
5515.main-content .parent-children::before {
5516    content: "";
5517    position: absolute;
5518    left: 0;
5519    top: 0;
5520    bottom: 19px;
5521    border-left: 2px dotted var(--clr-border-dotted);
5522}
5523.main-content .form-grid-stage {
5524    margin-right: -30px;
5525}
5526.main-content .form-grid-stage::before {
5527    content: "";
5528    position: absolute;
5529    top: -16px;
5530    left: 15px;
5531    width: calc(100% - 30px);
5532    height: 100%;
5533    border: 1px solid var(--clr-border-gray);
5534    border-radius: 15px 15px 0 0;
5535    background: var(--clr-white);
5536}
5537.main-content .form-grid {
5538    position: relative;
5539    z-index: 2;
5540    width: 100%;
5541    height: 100%;
5542    background: var(--clr-white);
5543    border: 1px solid var(--clr-border-gray);
5544    border-bottom: none;
5545    border-radius: 15px 15px 0 0;
5546    overflow: hidden;
5547}
5548.main-content .login-form {
5549    padding: 40px 80px;
5550}
5551.main-content .login-form h3 {
5552    margin: 0 0 21px;
5553    color: var(--clr-text-dark);
5554    font-size: 21px;
5555    line-height: 1.3;
5556    font-weight: 600;
5557}
5558.main-content .form-group {
5559    margin: 0;
5560}
5561.main-content .password-group {
5562    margin-top: 25px;
5563}
5564.main-content .form-group label {
5565    display: block;
5566    margin-bottom: 5px;
5567    color: var(--clr-text-dark);
5568    font-size: var(--fs-15);
5569    line-height: 22px;
5570    font-weight: 500;
5571}
5572.main-content .input-wrapper {
5573    position: relative;
5574    width: 100%;
5575    height: 51px;
5576    display: flex;
5577    align-items: center;
5578    border: 1px solid #d0d0d0;
5579    border-radius: 11px;
5580    background: var(--clr-white);
5581    box-sizing: border-box;
5582}
5583.main-content .input-icon {
5584    position: absolute;
5585    left: 14px;
5586    top: 50%;
5587    width: 24px;
5588    height: 24px;
5589    transform: translateY(-50%);
5590    color: var(--clr-text-dark);
5591    flex-shrink: 0;
5592}
5593.main-content .input-text {
5594    width: 100%;
5595    padding: 0 15px 0 46px;
5596    box-sizing: border-box;
5597    color: #a7a7a7;
5598    font-size: var(--fs-13);
5599    font-weight: 400;
5600    line-height: 1;
5601}
5602.main-content .accordion-grid-stage {
5603    margin-left: unset;
5604    margin-right: auto;
5605}
5606.main-content .accordion-grid-stage::before {
5607    content: "";
5608    position: absolute;
5609    top: 22px;
5610    left: 15px;
5611    width: 100%;
5612    height: 100%;
5613    border: 1px solid var(--clr-border-gray);
5614    border-radius: 0 15px 0 0;
5615    background: var(--clr-white);
5616}
5617.main-content .accordion-grid {
5618    position: relative;
5619    z-index: 2;
5620    width: 100%;
5621    height: 100%;
5622    box-sizing: border-box;
5623    background: var(--clr-white);
5624    border: 1px solid var(--clr-border-gray);
5625    border-left: none;
5626    border-bottom: none;
5627    border-radius: 0 15px 0 0;
5628    overflow: hidden;
5629}
5630.main-content .calendar {
5631    width: 100%;
5632    color: var(--clr-text-dark);
5633}
5634.main-content .calendar-week {
5635    display: grid;
5636    grid-template-columns: repeat(7, minmax(0, 1fr));
5637    width: 100%;
5638}
5639.main-content .calendar-week:not(.calendar-days) {
5640    height: 33px;
5641}
5642.main-content .calendar-week:not(.calendar-days) > div {
5643    display: flex;
5644    justify-content: center;
5645    border-right: 1px solid var(--clr-divider);
5646    color: var(--clr-text-dark);
5647    font-size: var(--fs-15);
5648    font-weight: 500;
5649}
5650.main-content .calendar-week:not(.calendar-days) > div:last-child {
5651    border-right: none;
5652}
5653.main-content .calendar-days {
5654    height: 75px;
5655    border-top: 1px solid var(--clr-divider);
5656}
5657.main-content .calendar-days:last-child {
5658    border-bottom: 1px solid var(--clr-divider);
5659}
5660.main-content .calendar-days:last-child .calendar-day {
5661    margin-bottom: -20px;
5662}
5663.main-content .calendar-day {
5664    position: relative;
5665    min-width: 0;
5666    padding: 5px 10px;
5667    box-sizing: border-box;
5668    border-right: 1px solid var(--clr-divider);
5669}
5670.main-content .calendar-day:last-child {
5671    border-right: none;
5672}
5673.main-content .calendar-day > span {
5674    display: block;
5675    color: var(--clr-text-dark);
5676    font-size: var(--fs-15);
5677    line-height: 20px;
5678    font-weight: 500;
5679}
5680.main-content .calendar-event {
5681    position: absolute;
5682    top: 35px;
5683    left: 10px;
5684    display: flex;
5685    align-items: center;
5686    height: 25px;
5687    padding: 0 8px;
5688    box-sizing: border-box;
5689    background: var(--clr-black);
5690    border-radius: 4px;
5691    color: var(--clr-white);
5692    font-size: var(--fs-13);
5693    line-height: 25px;
5694    font-weight: 400;
5695    white-space: nowrap;
5696    z-index: 5;
5697}
5698.main-content .event-small {
5699    width: 139px;
5700}
5701.main-content .event-large {
5702    width: 219px;
5703}
5704.main-content .data-section_action {
5705    display: flex;
5706    justify-content: center;
5707    margin-top: 50px;
5708}
5709.main-content .data-section_action .btn {
5710    min-width: 300px;
5711}
5712/* ENTERPRISE READY */
5713.hero {
5714    padding: 80px 0;
5715}
5716.hero-content {
5717    display: flex;
5718    align-items: center;
5719    column-gap: 50px;
5720    padding: 100px 70px;
5721    border: 1px solid #d3d3d3;
5722    border-radius: 16px;
5723}
5724.hero-content .block {
5725    flex: 1;
5726}
5727.hero-content .block.left-part {
5728    max-width: 540px;
5729}
5730.hero-content .block.left-part .h2-heading {
5731    margin-bottom: 16px;
5732}
5733.hero-content .text p {
5734    margin: 16px 0 32px;
5735}
5736.hero-content .play-video {
5737    margin-top: 40px;
5738    margin-left: 58px;
5739}
5740.hero-content .play-video > a {
5741    display: inline-block;
5742}
5743.hero-content .play-video .play-btn-wrapper {
5744    display: flex;
5745    align-items: center;
5746    gap: 16px;
5747}
5748.hero-content .play-video .play-btn-wrapper br {
5749    display: none;
5750}
5751.hero-content .play-btn-wrapper img {
5752    width: 100%;
5753    max-width: 60px;
5754}
5755.hero-content .play-video span {
5756    font-size: var(--fs-16);
5757    font-weight: 600;
5758    color: rgb(var(--clr-gray));
5759    white-space: nowrap;
5760    transition: all 0.3s ease;
5761}
5762.hero-content .unveil-extjs-magic {
5763    cursor: pointer;
5764    transition: all 0.3s ease;
5765}
5766.hero-content .unveil-extjs-magic:hover span {
5767    color: rgb(var(--clr-sec));
5768}
5769.hero-content .hero-img-wrapper {
5770    max-width: 500px;
5771    margin: auto;
5772    position: relative;
5773    text-align: center;
5774}
5775.hero-content .hero-img-wrapper img {
5776    width: 100%;
5777    height: auto;
5778}
5779.hero-content-action {
5780    display: flex;
5781    align-items: center;
5782    flex-wrap: wrap;
5783    gap: 26px;
5784    isolation: isolate;
5785}
5786.hero-content-action br {
5787    display: none;
5788}
5789.hero-content-action .btn-border-sec3 span {
5790    color: rgb(var(--clr-sec3));
5791}
5792.cta-buttons__play {
5793    --cta-buttons-play-size: 48px;
5794    width: var(--cta-buttons-play-size);
5795    height: var(--cta-buttons-play-size);
5796    flex: 0 0 var(--cta-buttons-play-size);
5797    display: flex;
5798    align-items: center;
5799    justify-content: center;
5800    padding: 0;
5801    border: 0;
5802    border-radius: 50%;
5803    background: #8bc63e;
5804    cursor: pointer;
5805    position: relative;
5806    margin-bottom: 0;
5807}
5808.cta-buttons__play::before {
5809    content: "";
5810    position: absolute;
5811    inset: -9px;
5812    border-radius: 50%;
5813    background: #dcefc5;
5814    z-index: -1;
5815    animation: playGlow 2s ease-in-out infinite;
5816}
5817.cta-buttons__play svg {
5818    --cta-buttons-play-svg: 20px;
5819    width: var(--cta-buttons-play-svg);
5820    height: var(--cta-buttons-play-svg);
5821    display: block;
5822    fill: var(--clr-white);
5823    transform: translateX(1px);
5824}
5825@keyframes playGlow {
5826    0%,
5827    100% {
5828        transform: scale(1);
5829        opacity: 1;
5830    }
5831    50% {
5832        transform: scale(1.12);
5833        opacity: 0.65;
5834    }
5835}
5836.hero-img-btn {
5837    position: absolute;
5838}
5839.hero-img-btn .btn {
5840    gap: 8px;
5841    border-radius: 50px;
5842    background: rgb(var(--clr-light));
5843    min-width: 145px;
5844    max-width: max-content;
5845    font-size: var(--fs-14);
5846    padding: 8px 16px;
5847    box-shadow:
5848        0px -10px 15px rgba(var(--clr-dark), 0.03),
5849        -26px 23px 14px rgba(var(--clr-dark), 0.01),
5850        -15px 13px 11px rgba(var(--clr-dark), 0.03),
5851        -6px 5px 9px rgba(var(--clr-dark), 0.06),
5852        -1px 1px 5px rgba(var(--clr-dark), 0.06),
5853        0 0 0px rgba(var(--clr-dark), 0.07);
5854    transition: all 0.2s ease;
5855    max-height: 45px;
5856}
5857section.hero .hero-img-btn .btn:hover {
5858    color: rgba(var(--clr-sec)) !important;
5859    transform: scale(1.1);
5860}
5861.hero-img-btn .btn .cs-icon {
5862    font-size: var(--fs-22);
5863}
5864.hero-img-btn img {
5865    width: 100%;
5866    max-width: 18px;
5867}
5868.hero-img-center {
5869    position: absolute;
5870    max-width: 120px;
5871    top: 50%;
5872    left: 50%;
5873    transform: translate(-50%, -50%);
5874    cursor: pointer;
5875}
5876.hero-img-center img {
5877    width: 100%;
5878}
5879.hero-img-btn.front-end {
5880    top: -55px;
5881    left: 160px;
5882}
5883.hero-img-btn.ui-components {
5884    top: -22px;
5885    right: 12px;
5886}
5887.hero-img-btn.advisor {
5888    top: 47px;
5889    right: -85px;
5890}
5891.hero-img-btn.advisor::before {
5892    content: "";
5893    position: absolute;
5894    width: 5px;
5895    height: 5px;
5896    border-radius: 50%;
5897    background-color: var(--clr-green-accent);
5898    top: calc(100% + 2px);
5899    left: 0;
5900    box-shadow: 0 0 5px var(--clr-green-accent);
5901}
5902.hero-img-btn.cmd {
5903    top: 30px;
5904    left: 50px;
5905}
5906.hero-img-btn.themer {
5907    top: 90px;
5908    left: -110px;
5909}
5910.hero-img-btn.reext {
5911    top: 170px;
5912    left: -50px;
5913}
5914.hero-img-btn.reext::before {
5915    content: "";
5916    position: absolute;
5917    width: 5px;
5918    height: 5px;
5919    border-radius: 50%;
5920    background-color: var(--clr-green-accent);
5921    top: -10px;
5922    right: 10px;
5923    box-shadow: 0 0 5px var(--clr-green-accent);
5924}
5925.hero-img-btn.architect {
5926    top: 130px;
5927    right: -40px;
5928}
5929.hero-img-btn.inspector {
5930    top: 203px;
5931    right: -100px;
5932}
5933.hero-img-btn.test {
5934    top: 240px;
5935    left: -104px;
5936}
5937.hero-img-btn.ui-ux {
5938    top: 290px;
5939    left: 50px;
5940}
5941.hero-img-btn.fiddle {
5942    top: 260px;
5943    right: 0px;
5944}
5945.hero-img-btn.ext-js {
5946    bottom: -45px;
5947    left: 100px;
5948}
5949.hero-img-btn.plugins {
5950    bottom: -18px;
5951    right: 60px;
5952}
5953section.hero .hero-img-btn.pulse .btn {
5954    color: rgba(var(--clr-sec)) !important;
5955    transform: scale(1.1);
5956}
5957/* GXT CHART SECTION */
5958.main-content .gxt-section {
5959    padding: 30px 0 70px;
5960    background: var(--clr-bg);
5961}
5962.main-content .gxt-section__header {
5963    max-width: 1300px;
5964    margin: 0 auto 48px;
5965    text-align: center;
5966}
5967.main-content .gxt-section__title {
5968    margin: 0;
5969    color: var(--clr-black);
5970    font-size: var(--heading-two);
5971    font-weight: 800;
5972    line-height: 1.18;
5973    letter-spacing: -1.5px;
5974}
5975.main-content .gxt-section__title span {
5976    display: block;
5977    margin-top: 4px;
5978    color: var(--clr-green);
5979}
5980.main-content .gxt-section__description {
5981    max-width: 1300px;
5982    margin: 30px auto 0;
5983    color: #161616;
5984    font-size: var(--sub-heading);
5985    font-weight: 400;
5986    line-height: 1.75;
5987}
5988.main-content .gxt-charts {
5989    display: grid;
5990    grid-template-columns:
5991        minmax(0, 1fr)
5992        minmax(0, 1.25fr)
5993        minmax(0, 1fr);
5994    gap: 16px;
5995    align-items: stretch;
5996}
5997.main-content .gxt-chart-card {
5998    min-width: 0;
5999    padding: 28px 30px 24px;
6000    background: var(--clr-white);
6001    border: 1px solid #e3e3e3;
6002    border-radius: 13px;
6003    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
6004    overflow: hidden;
6005}
6006.main-content .gxt-chart-card__header {
6007    margin-bottom: 12px;
6008}
6009.main-content .gxt-chart-card__header h3 {
6010    margin: 0;
6011    color: #111827;
6012    font-size: 19px;
6013    font-weight: 700;
6014    line-height: 1.35;
6015}
6016.main-content .gxt-chart-card__header p {
6017    margin: 2px 0 0;
6018    color: #8b9ab2;
6019    font-size: var(--fs-14);
6020    line-height: 1.5;
6021}
6022.main-content .gxt-chart-card .iframe-wrapper {
6023    position: relative;
6024    height: 350px;
6025}
6026.main-content .gxt-chart-card .iframe-wrapper iframe {
6027    width: 100%;
6028    height: 100%;
6029    position: relative;
6030    z-index: 1;
6031}
6032.main-content .gxt-chart-card__image {
6033    width: 100%;
6034    height: calc(100% - 55px);
6035    display: flex;
6036    align-items: center;
6037    justify-content: center;
6038}
6039.main-content .gxt-chart-card__image img {
6040    display: block;
6041    width: 100%;
6042    height: 100%;
6043    max-width: 100%;
6044    object-fit: contain;
6045}
6046.main-content .gxt-chart-card--pie .gxt-chart-card__image {
6047    padding: 8px 0 0;
6048}
6049.main-content .gxt-chart-card--line .gxt-chart-card__image {
6050    padding: 8px 0 0;
6051}
6052.main-content .gxt-chart-card--column .gxt-chart-card__image {
6053    padding: 8px 0 0;
6054}
6055.main-content .gxt-section__cta {
6056    display: flex;
6057    justify-content: center;
6058    margin-top: 32px;
6059}
6060.main-content .gxt-section__cta .btn {
6061    min-width: 288px;
6062    height: 68px;
6063    padding: 0 38px;
6064    background: var(--clr-primary);
6065    border-radius: 40px;
6066    color: var(--clr-white);
6067    font-size: var(--fs-18);
6068    font-weight: 700;
6069}
6070/* WHY EXT JS */
6071.main-content .why-extjs {
6072    padding: 70px 0 60px;
6073    background: var(--clr-bg);
6074}
6075.main-content .why-extjs__heading {
6076    text-align: center;
6077    margin-bottom: 52px;
6078}
6079.main-content .why-extjs__heading h2 {
6080    margin: 0;
6081    color: var(--clr-dark);
6082    font-size: var(--heading-two);
6083    line-height: 1.15;
6084    font-weight: 700;
6085    letter-spacing: -1.5px;
6086}
6087.main-content .why-extjs__heading h2 span {
6088    color: var(--clr-green);
6089}
6090.main-content .why-extjs__heading p {
6091    max-width: 1160px;
6092    margin: 25px auto 0;
6093    color: var(--clr-dark);
6094    font-size: var(--sub-heading);
6095    line-height: 1.7;
6096    font-weight: 400;
6097}
6098.main-content .why-extjs__layout {
6099    position: relative;
6100    display: grid;
6101    grid-template-columns: minmax(550px, 1fr) 1fr minmax(550px, 1fr);
6102    align-items: center;
6103}
6104.main-content .why-extjs__column {
6105    position: relative;
6106    z-index: 3;
6107    display: flex;
6108    flex-direction: column;
6109    gap: 24px;
6110}
6111.main-content .why-extjs__column--left {
6112    align-items: flex-end;
6113}
6114.main-content .why-extjs__column--right {
6115    align-items: flex-start;
6116}
6117.main-content .why-extjs__card {
6118    position: relative;
6119    width: 100%;
6120    display: flex;
6121    align-items: center;
6122    padding: 28px;
6123    border-radius: 13px;
6124    color: var(--clr-white);
6125    transition: all 0.2s ease;
6126}
6127.main-content .why-extjs__card:hover {
6128    transform: scale(1.025);
6129    box-shadow: 0 0 20px #82bd297d;
6130}
6131.main-content .why-extjs__card--light {
6132    background: #82bd29;
6133}
6134.main-content .why-extjs__card--mid {
6135    background: #588b13;
6136}
6137.main-content .why-extjs__card--dark {
6138    background: #294c02;
6139}
6140.main-content .why-extjs__icon {
6141    width: 102px;
6142    flex: 0 0 102px;
6143    display: flex;
6144    align-items: center;
6145    justify-content: center;
6146    margin-right: 18px;
6147}
6148.main-content .why-extjs__icon img {
6149    width: 82px;
6150    height: 82px;
6151    object-fit: contain;
6152}
6153.main-content .why-extjs__card-content {
6154    flex: 1;
6155    min-width: 0;
6156}
6157.main-content .why-extjs__card-content h3 {
6158    margin: 0 0 10px;
6159    color: var(--clr-white);
6160    font-size: var(--fs-24);
6161    line-height: 1.25;
6162    font-weight: 700;
6163}
6164.main-content .why-extjs__card-content p {
6165    margin: 0;
6166    color: var(--clr-white);
6167    font-size: var(--fs-16);
6168    line-height: 1.45;
6169    font-weight: 400;
6170}
6171.main-content .why-extjs__center {
6172    position: relative;
6173    height: 600px;
6174    display: flex;
6175    align-items: center;
6176    justify-content: center;
6177    z-index: 2;
6178    background: radial-gradient(ellipse 55% 42% at 50% 50%, rgba(134, 188, 64, 0.38) 0%, rgba(134, 188, 64, 0.25) 25%, rgba(134, 188, 64, 0.12) 48%, rgba(134, 188, 64, 0.04) 68%, transparent 82%);
6179}
6180.main-content .why-extjs__logo {
6181    position: relative;
6182    width: 185px;
6183    height: 185px;
6184    width: 185px;
6185    height: 185px;
6186    display: flex;
6187    align-items: center;
6188    justify-content: center;
6189    border-radius: 50%;
6190    background:
6191        linear-gradient(var(--clr-white), var(--clr-white)) padding-box,
6192        linear-gradient(145deg, #c9df32 0%, #8fc83e 45%, #00ae55 100%) border-box;
6193    border: 5px solid transparent;
6194    box-shadow:
6195        0 0 18px rgba(154, 207, 61, 0.45),
6196        0 0 38px rgba(134, 188, 64, 0.3),
6197        0 0 75px rgba(134, 188, 64, 0.2),
6198        0 0 115px rgba(134, 188, 64, 0.1);
6199    animation: extjsLogoGlow 3.5s ease-in-out infinite;
6200}
6201.main-content .why-extjs__logo::before {
6202    content: "";
6203    position: absolute;
6204    top: 50%;
6205    left: 50%;
6206    width: 300px;
6207    height: 300px;
6208    border-radius: 50%;
6209    background: radial-gradient(circle, rgba(164, 213, 69, 0.45) 0%, rgba(134, 188, 64, 0.28) 25%, rgba(134, 188, 64, 0.13) 48%, rgba(134, 188, 64, 0.05) 65%, transparent 75%);
6210    transform: translate(-50%, -50%);
6211    filter: blur(14px);
6212    z-index: -1;
6213    pointer-events: none;
6214    animation: extjsLogoGlowBackground 4s ease-in-out infinite;
6215}
6216.main-content .why-extjs__logo::after {
6217    content: "";
6218    position: absolute;
6219    top: 50%;
6220    left: 50%;
6221    width: 340px;
6222    height: 340px;
6223    border-radius: 50%;
6224    background: radial-gradient(circle, rgba(134, 188, 64, 0.16) 0%, rgba(134, 188, 64, 0.08) 35%, transparent 70%);
6225    transform: translate(-50%, -50%);
6226    filter: blur(22px);
6227    z-index: -2;
6228    pointer-events: none;
6229    animation: extjsLogoOuterGlow 5s ease-in-out infinite;
6230}
6231@keyframes extjsLogoGlow {
6232    0%,
6233    100% {
6234        box-shadow:
6235            0 0 18px rgba(154, 207, 61, 0.4),
6236            0 0 38px rgba(134, 188, 64, 0.25),
6237            0 0 75px rgba(134, 188, 64, 0.16),
6238            0 0 115px rgba(134, 188, 64, 0.08);
6239    }
6240    50% {
6241        box-shadow:
6242            0 0 22px rgba(154, 207, 61, 0.65),
6243            0 0 50px rgba(134, 188, 64, 0.42),
6244            0 0 95px rgba(134, 188, 64, 0.28),
6245            0 0 145px rgba(134, 188, 64, 0.15);
6246    }
6247}
6248@keyframes extjsLogoGlowBackground {
6249    0%,
6250    100% {
6251        opacity: 0.65;
6252        transform: translate(-50%, -50%) scale(0.9);
6253    }
6254    50% {
6255        opacity: 1;
6256        transform: translate(-50%, -50%) scale(1.12);
6257    }
6258}
6259.main-content .why-extjs__logo img {
6260    width: 145px;
6261    height: 145px;
6262    width: 145px;
6263    height: 145px;
6264    object-fit: contain;
6265    position: relative;
6266    z-index: 2;
6267}
6268.main-content .why-extjs__connectors {
6269    position: absolute;
6270    inset: 0;
6271    width: 100%;
6272    height: 100%;
6273    z-index: -1;
6274    pointer-events: none;
6275    overflow: visible;
6276}
6277.main-content .why-extjs__connector-path {
6278    fill: none;
6279    stroke: #80c42b;
6280    stroke-width: 2.2;
6281    stroke-dasharray: 10 9;
6282    stroke-linecap: butt;
6283    stroke-linejoin: round;
6284    vector-effect: non-scaling-stroke;
6285    animation: extjsConnectorFlow 1.8s linear infinite;
6286}
6287.main-content .why-extjs__connector-path:nth-child(1),
6288.main-content .why-extjs__connector-path:nth-child(2),
6289.main-content .why-extjs__connector-path:nth-child(3) {
6290    animation-name: extjsConnectorFlowRight;
6291}
6292.main-content .why-extjs__connector-path:nth-child(4),
6293.main-content .why-extjs__connector-path:nth-child(5),
6294.main-content .why-extjs__connector-path:nth-child(6) {
6295    animation-name: extjsConnectorFlowRight;
6296}
6297@keyframes extjsConnectorFlowLeft {
6298    from {
6299        stroke-dashoffset: 0;
6300    }
6301    to {
6302        stroke-dashoffset: -38;
6303    }
6304}
6305@keyframes extjsConnectorFlowRight {
6306    from {
6307        stroke-dashoffset: 0;
6308    }
6309    to {
6310        stroke-dashoffset: 38;
6311    }
6312}
6313.main-content .why-extjs__connector-path {
6314    animation:
6315        extjsConnectorFlowLeft 1.8s linear infinite,
6316        extjsConnectorPulse 3s ease-in-out infinite;
6317}
6318.main-content .why-extjs__connector-path:nth-child(4),
6319.main-content .why-extjs__connector-path:nth-child(5),
6320.main-content .why-extjs__connector-path:nth-child(6) {
6321    animation: extjsConnectorFlowRight 1.8s linear infinite;
6322}
6323@keyframes extjsConnectorPulse {
6324    0%,
6325    100% {
6326        opacity: 0.55;
6327    }
6328    50% {
6329        opacity: 1;
6330    }
6331}
6332/* STATS SECTION */
6333.main-content .stats-section {
6334    width: 100%;
6335}
6336.main-content .stats-wrapper {
6337    width: 100%;
6338    max-width: 1700px;
6339    min-height: 515px;
6340    margin: 0 auto;
6341    display: grid;
6342    grid-template-columns: 33.3% 66.7%;
6343    border: 1px solid var(--clr-border);
6344    border-radius: 20px;
6345    overflow: hidden;
6346    background: var(--clr-white);
6347}
6348.main-content .stats-left {
6349    min-width: 0;
6350    display: flex;
6351    flex-direction: column;
6352    justify-content: space-between;
6353    align-items: center;
6354    padding: 38px 35px 35px;
6355    background: #fafdf8;
6356    border-right: 1px solid var(--clr-border);
6357}
6358.main-content .review-rating {
6359    width: 100%;
6360    display: flex;
6361    flex-direction: column;
6362    align-items: center;
6363}
6364.main-content .review-rating__top {
6365    display: flex;
6366    align-items: center;
6367    justify-content: center;
6368    gap: 15px;
6369    margin-bottom: 40px;
6370}
6371.main-content .review-rating__logo {
6372    width: 48px;
6373    height: 48px;
6374    display: flex;
6375    align-items: center;
6376    justify-content: center;
6377}
6378.main-content .review-rating__logo img {
6379    width: 48px;
6380    height: 48px;
6381    display: block;
6382    object-fit: contain;
6383}
6384.main-content .review-rating__top strong {
6385    color: #ff3b3f;
6386    font-size: 21px;
6387    font-weight: 700;
6388    line-height: 1;
6389    white-space: nowrap;
6390}
6391.main-content .review-rating__stars {
6392    display: flex;
6393    align-items: center;
6394    gap: 3px;
6395    margin-top: -8px;
6396}
6397.main-content .review-rating__stars .star {
6398    position: relative;
6399    width: 21px;
6400    height: 21px;
6401    display: block;
6402    font-size: 0;
6403}
6404.main-content .review-rating__stars .star::before {
6405    content: "★";
6406    position: absolute;
6407    inset: 0;
6408    display: flex;
6409    align-items: center;
6410    justify-content: center;
6411    font-size: var(--fs-22);
6412    line-height: 1;
6413    color: transparent;
6414}
6415.main-content .review-rating__stars .star.full::before {
6416    color: var(--clr-orange);
6417    -webkit-text-stroke: 1.5px var(--clr-orange);
6418}
6419.main-content .review-rating__stars .star.empty::before {
6420    color: transparent;
6421    -webkit-text-stroke: 1.5px var(--clr-orange);
6422}
6423.main-content .review-rating__stars .star.half::before {
6424    color: transparent;
6425    background: linear-gradient(90deg, var(--clr-orange) 0%, var(--clr-orange) 50%, transparent 50%, transparent 100%);
6426    -webkit-background-clip: text;
6427    background-clip: text;
6428    -webkit-text-stroke: 1.5px var(--clr-orange);
6429}
6430.main-content .review-badges {
6431    width: 100%;
6432    display: flex;
6433    justify-content: center;
6434    align-items: center;
6435}
6436.main-content .review-badges--large {
6437    margin-bottom: 37px;
6438}
6439.main-content .review-badges--small {
6440    gap: 10px;
6441}
6442.main-content .badge {
6443    display: flex;
6444    align-items: center;
6445    justify-content: center;
6446}
6447.main-content .badge--large:nth-child(2) {
6448    margin-left: -15px;
6449    margin-right: -16px;
6450    margin-top: -15px;
6451    z-index: 1;
6452}
6453.main-content .badge--large img {
6454    max-height: 120px;
6455    width: auto;
6456}
6457.main-content .review-badges--small img {
6458    max-height: 60px;
6459}
6460.main-content .security {
6461    width: 100%;
6462    display: flex;
6463    flex-direction: column;
6464    align-items: center;
6465}
6466.main-content .security h3 {
6467    margin: 0 0 22px;
6468    color: var(--clr-gray-text);
6469    font-size: var(--fs-20);
6470    font-weight: 600;
6471    line-height: 1.2;
6472    text-align: center;
6473}
6474.main-content .security__logos {
6475    display: flex;
6476    align-items: center;
6477    justify-content: center;
6478    gap: 9px;
6479}
6480.main-content .security__logo {
6481    width: 58px;
6482    height: 58px;
6483    display: flex;
6484    align-items: center;
6485    justify-content: center;
6486}
6487.main-content .security__logo img {
6488    width: 100%;
6489    height: 100%;
6490    display: block;
6491    object-fit: contain;
6492}
6493.main-content .stats-right {
6494    min-width: 0;
6495    display: grid;
6496    grid-template-rows: 184px 1fr;
6497    background: var(--clr-white);
6498}
6499.main-content .stats-top {
6500    display: grid;
6501    grid-template-columns: 39% 61%;
6502    border-bottom: 1px solid #dfe9d9;
6503}
6504.main-content .experience {
6505    display: flex;
6506    flex-direction: column;
6507    align-items: center;
6508    justify-content: center;
6509    text-align: center;
6510}
6511.main-content .experience__number {
6512    color: #7dbb18;
6513    font-size: 70px;
6514    font-weight: bold;
6515    line-height: 1;
6516    display: flex;
6517    align-items: center;
6518}
6519.main-content .experience__number span {
6520    line-height: 1;
6521    margin-top: -15px;
6522}
6523.main-content .experience__text {
6524    margin-top: 10px;
6525    color: var(--clr-gray-text);
6526    font-size: var(--fs-22);
6527    font-weight: 600;
6528    line-height: 1.1;
6529}
6530.main-content .review-sites {
6531    display: flex;
6532    flex-direction: column;
6533    align-items: center;
6534    justify-content: center;
6535    padding: 15px 30px;
6536}
6537.main-content .review-sites__logos {
6538    width: 100%;
6539    display: flex;
6540    align-items: center;
6541    justify-content: center;
6542    gap: 55px;
6543    margin-bottom: 18px;
6544}
6545.main-content .review-site {
6546    display: flex;
6547    align-items: center;
6548    justify-content: center;
6549}
6550.main-content .review-site--capterra {
6551    width: 200px;
6552    height: 65px;
6553}
6554.main-content .review-site--getapp {
6555    width: 98px;
6556    height: 65px;
6557}
6558.main-content .review-site--software {
6559    width: 165px;
6560    height: 65px;
6561}
6562.main-content .review-site img {
6563    width: 100%;
6564    height: 100%;
6565    display: block;
6566    object-fit: contain;
6567}
6568.main-content .review-sites__title {
6569    color: var(--clr-gray-text);
6570    font-size: var(--fs-20);
6571    font-weight: 600;
6572    line-height: 1.2;
6573    text-align: center;
6574}
6575.main-content .stats-grid {
6576    display: grid;
6577    grid-template-columns: repeat(3, 1fr);
6578    grid-template-rows: repeat(2, 1fr);
6579}
6580.main-content .stat-item {
6581    min-width: 0;
6582    display: flex;
6583    flex-direction: column;
6584    align-items: center;
6585    justify-content: center;
6586    text-align: center;
6587    border-right: 1px solid var(--clr-border);
6588    border-bottom: 1px solid var(--clr-border);
6589}
6590.main-content .stat-item:nth-child(3n) {
6591    border-right: 0;
6592}
6593.main-content .stat-item:nth-child(n + 4) {
6594    border-bottom: 0;
6595}
6596.main-content .stat-item__number {
6597    color: #064f6a;
6598    font-size: 43px;
6599    font-weight: 700;
6600    line-height: 1;
6601}
6602.main-content .stat-item__label {
6603    margin-top: 9px;
6604    color: var(--clr-gray-text);
6605    font-size: var(--fs-17);
6606    font-weight: 400;
6607    line-height: 1.2;
6608}
6609.main-content .security-cta {
6610    padding: 30px 0 60px;
6611    background: var(--clr-bg);
6612}
6613.main-content .security-cta__inner {
6614    position: relative;
6615    width: 100%;
6616    min-height: 232px;
6617    display: flex;
6618    align-items: center;
6619    padding: 35px 65px;
6620    overflow: hidden;
6621    border-radius: 13px;
6622    background:
6623        var(--wpr-bg-4af277fc-12f8-4e95-aede-c69f7c0018ee) no-repeat,
6624        bottom right/contain;
6625    background-color: var(--clr-primary);
6626}
6627.main-content .security-cta__inner:before {
6628    content: "";
6629    position: absolute;
6630    width: 100%;
6631    height: 100%;
6632    background: linear-gradient(to right, #024059 0%, #024059 60%, transparent 80%);
6633    z-index: 1;
6634    top: 0;
6635    left: 0;
6636}
6637.main-content .security-cta__content {
6638    position: relative;
6639    z-index: 2;
6640    flex: 1;
6641    min-width: 0;
6642}
6643.main-content .security-cta__content h2 {
6644    max-width: 720px;
6645    margin: 0 0 17px;
6646    color: var(--clr-white);
6647    font-size: 29px;
6648    line-height: 1.27;
6649    font-weight: 700;
6650    letter-spacing: -0.4px;
6651}
6652.main-content .security-cta__content p {
6653    max-width: 900px;
6654    margin: 0;
6655    color: rgba(255, 255, 255, 0.9);
6656    font-size: var(--fs-16);
6657    line-height: 30px;
6658    font-weight: 400;
6659}
6660.main-content .security-cta__action {
6661    position: relative;
6662    z-index: 3;
6663    flex: 0 0 auto;
6664    margin-left: 45px;
6665}
6666.main-content .security-cta__button {
6667    min-width: 300px;
6668    height: 70px;
6669    padding: 0;
6670    border-radius: 999px;
6671    background: var(--clr-green-btn);
6672    color: var(--clr-white);
6673    font-size: var(--fs-18);
6674    font-weight: 700;
6675    transition:
6676        filter 0.35s ease,
6677        transform 0.35s ease,
6678        box-shadow 0.35s ease;
6679}
6680.main-content .security-cta__button:hover {
6681    filter: brightness(1.08);
6682    transform: translateY(-2px);
6683    box-shadow: 0 8px 24px rgba(134, 188, 64, 0.25);
6684}
6685.main-content .security-cta__bottom {
6686    width: 100%;
6687    height: 22px;
6688    background: #001b26;
6689}
6690/* REEXT APPS SECTION */
6691.main-content .rext-apps-section {
6692    padding: 70px 0;
6693    background: var(--clr-bg);
6694}
6695.main-content .rext-apps {
6696    padding: 65px 75px 70px;
6697    background: #f3fbfe;
6698    border-radius: 21px;
6699	height: 700px;
6700}
6701.main-content .rext-apps__header {
6702    display: grid;
6703    grid-template-columns: 1fr 0.9fr;
6704    column-gap: 40px;
6705    align-items: start;
6706    margin-bottom: 45px;
6707}
6708.main-content .rext-apps__title {
6709    margin: 0;
6710    color: var(--clr-black);
6711    font-size: var(--heading-two);
6712    font-weight: 800;
6713    line-height: 1.2;
6714    letter-spacing: -1.2px;
6715}
6716.main-content .rext-apps__title span {
6717    display: inline-block;
6718    color: #28b6d5 !important;
6719}
6720.main-content .rext-apps__description p {
6721    margin: 0;
6722    color: #101010;
6723    font-size: var(--sub-heading);
6724    line-height: 1.7;
6725}
6726.main-content .rext-apps__content {
6727    display: grid;
6728    grid-template-columns: minmax(0, 1fr) minmax(0, 1.08fr);
6729    gap: 70px;
6730    align-items: center;
6731}
6732.main-content .rext-apps__list {
6733    position: relative;
6734    display: flex;
6735    flex-direction: column;
6736    gap: 0;
6737    padding-left: 10px;
6738}
6739.main-content .rext-apps__list::before {
6740    content: "";
6741    position: absolute;
6742    top: 0;
6743    bottom: 0;
6744    left: 10px;
6745    width: 4px;
6746    background: #d9edf3;
6747    border-radius: 10px;
6748}
6749.main-content .rext-mobile-details {
6750    display: none;
6751}
6752.main-content .rext-app-item {
6753    position: relative;
6754    z-index: 1;
6755    width: 100%;
6756    min-height: 70px;
6757    display: flex;
6758    align-items: center;
6759    padding: 24px 40px 24px 58px;
6760    margin-left: -24px;
6761    cursor: pointer;
6762    color: var(--clr-text-dark);
6763    transition:
6764        min-height 0.2s ease,
6765        padding 0.2s ease,
6766        transform 0.2s ease,
6767        background 0.2s ease,
6768        box-shadow 0.2s ease;
6769}
6770.main-content .rext-app-item::before {
6771    content: "";
6772    position: absolute;
6773    left: 0;
6774    top: 0;
6775    width: 5px;
6776    height: 100%;
6777    background: transparent;
6778    border-radius: 10px;
6779    /* transition:
6780        background 0.4s ease,
6781        height 0.4s ease; */
6782}
6783.main-content .rext-app-item__title {
6784    font-size: var(--fs-17);
6785    font-weight: 500;
6786    line-height: 1.4;
6787    transition:
6788        font-size 0.4s ease,
6789        font-weight 0.4s ease,
6790        transform 0.4s ease;
6791}
6792.main-content .rext-app-item__details {
6793    display: none;
6794}
6795.main-content .rext-app-item.is-active {
6796    min-height: 145px;
6797    background: var(--clr-white);
6798    border-radius: 9px;
6799    box-shadow: 0 -1px 35px rgba(0, 0, 0, 0.21);
6800}
6801.main-content .rext-app-item.is-active::before {
6802    content: "";
6803    position: absolute;
6804    left: 24px;
6805    top: 15px;
6806    width: 4px;
6807    border-radius: 10px;
6808    background: #d9edf3;
6809    overflow: hidden;
6810    height: calc(100% - 30px);
6811}
6812.main-content .rext-app-item.is-active.is-progressing::after {
6813    content: "";
6814    position: absolute;
6815    left: 24px;
6816    top: 15px;
6817    width: 4px;
6818    height: calc(100% - 30px);
6819    border-radius: 10px;
6820    background: var(--clr-green-btn);
6821    transform: scaleY(0);
6822    transform-origin: top;
6823    animation: rextAppProgress 5s linear forwards;
6824    pointer-events: none;
6825}
6826@keyframes rextAppProgress {
6827    from {
6828        transform: scaleY(0);
6829    }
6830    to {
6831        transform: scaleY(1);
6832    }
6833}
6834.main-content .rext-app-item.is-active .rext-app-item__title {
6835    display: none;
6836}
6837.main-content .rext-app-item.is-active .rext-app-item__details {
6838    width: 100%;
6839    display: flex;
6840    align-items: center;
6841    justify-content: space-between;
6842    gap: 25px;
6843}
6844.main-content .rext-app-item__text {
6845    min-width: 0;
6846}
6847.main-content .rext-app-item__text h3 {
6848    margin: 0 0 8px;
6849    color: var(--clr-text-dark);
6850    font-size: var(--fs-17);
6851    font-weight: 700;
6852    line-height: 1.4;
6853}
6854.main-content .rext-app-item__text p {
6855    margin: 0;
6856    color: #151515;
6857    font-size: var(--fs-14);
6858    line-height: 1.7;
6859}
6860.main-content .rext-app-item .btn {
6861    flex: 0 0 auto;
6862    height: 48px;
6863    min-width: 142px;
6864    padding: 0 28px;
6865    font-size: var(--fs-16);
6866}
6867.main-content .rext-apps__media {
6868    width: 100%;
6869    min-width: 0;
6870}
6871.main-content .rext-video {
6872    width: 100%;
6873    aspect-ratio: 16 / 9;
6874    overflow: hidden;
6875    border-radius: 13px;
6876    border: 1px solid rgba(var(--bg-color), 0.5);
6877    background: linear-gradient(108.75deg, rgba(255, 255, 255, 0.3) 35%, rgba(var(--bg-color), 0.2) 100%) #fff;
6878}
6879.main-content .rext-video__inner {
6880    position: relative;
6881    width: 100%;
6882    height: 100%;
6883    overflow: hidden;
6884    display: flex;
6885    justify-content: center;
6886    align-items: center;
6887}
6888.main-content .rext-video__inner > img {
6889    max-width: 85%;
6890    max-height: 85%;
6891    width: 85%;
6892    height: 85%;
6893    object-fit: contain;
6894    transition:
6895        transform 0.35s ease,
6896        opacity 0.35s ease;
6897}
6898.main-content .rext-video__media,
6899.main-content .rext-video__inner > video,
6900.main-content .rext-video__inner > iframe {
6901    position: absolute;
6902    inset: 0;
6903    width: 100%;
6904    height: 100%;
6905    display: block;
6906    border: 0;
6907}
6908.main-content .rext-video__inner > video {
6909    object-fit: cover;
6910}
6911.main-content .rext-video__inner > iframe {
6912    object-fit: cover;
6913}
6914.main-content .rext-video__inner.is-changing {
6915    opacity: 0;
6916    transform: scale(0.98);
6917}
6918.main-content .rext-video__inner {
6919    opacity: 1;
6920    transform: scale(1);
6921    transition:
6922        opacity 0.35s ease,
6923        transform 0.35s ease;
6924}
6925/* GETTING STARTED SECTION */
6926.main-content .getting-started-section {
6927    padding: 15px 0 55px;
6928    background: var(--clr-white);
6929}
6930.main-content .getting-started {
6931    max-width: 1440px;
6932    margin: 0 auto;
6933}
6934.main-content .getting-started__header {
6935    text-align: center;
6936    margin-bottom: 42px;
6937}
6938.main-content .getting-started__title {
6939    margin: 0 0 14px;
6940    color: var(--clr-black);
6941    font-size: var(--heading-two);
6942    font-weight: 800;
6943    line-height: 1.2;
6944    letter-spacing: -1px;
6945}
6946.main-content .getting-started__title span {
6947    color: #80c52b;
6948}
6949.main-content .getting-started__subtitle {
6950    margin: 0;
6951    color: #161616;
6952    font-size: var(--sub-heading);
6953    line-height: 1.5;
6954}
6955.main-content .getting-started__cards {
6956    display: grid;
6957    grid-template-columns: repeat(3, 1fr);
6958    gap: 25px;
6959}
6960.main-content .getting-started__card {
6961    min-height: 310px;
6962    padding: 30px 38px 28px;
6963    border: 1px solid;
6964    border-radius: 10px;
6965    display: flex;
6966    flex-direction: column;
6967}
6968.main-content .getting-started__card--green {
6969    background: #f1ffdf;
6970    border-color: #d4efae;
6971}
6972.main-content .getting-started__card--blue {
6973    background: #e8f6fd;
6974    border-color: #c9e6f5;
6975}
6976.main-content .getting-started__card--orange {
6977    background: #fff2e8;
6978    border-color: #f5d9c4;
6979}
6980.main-content .getting-started__icon {
6981    --getting-started-icon: 100px;
6982    width: var(--getting-started-icon);
6983    height: var(--getting-started-icon);
6984    display: flex;
6985    align-items: center;
6986    justify-content: flex-start;
6987    margin-bottom: 22px;
6988    color: var(--clr-black);
6989}
6990.main-content .getting-started__card h3 {
6991    margin: 0 0 8px;
6992    color: var(--clr-black);
6993    font-size: var(--fs-24);
6994    font-weight: 700;
6995    line-height: 1.35;
6996}
6997.main-content .getting-started__card p {
6998    margin: 0;
6999    color: #151515;
7000    line-height: 1.7;
7001}
7002.main-content .getting-started__card a {
7003    color: #79bd26;
7004    font-weight: 600;
7005    text-decoration: none;
7006}
7007.main-content .getting-started__card--blue a {
7008    color: #199de0;
7009}
7010.main-content .getting-started__card--orange a {
7011    color: #ff7b00;
7012}
7013.main-content .getting-started__action {
7014    display: flex;
7015    justify-content: center;
7016    margin-top: 41px;
7017}
7018.main-content .getting-started__action .btn {
7019    min-width: 237px;
7020    height: 55px;
7021    display: inline-flex;
7022    align-items: center;
7023    justify-content: center;
7024    padding: 0 30px;
7025    border-radius: 30px;
7026    font-size: var(--fs-16);
7027    font-weight: 700;
7028    text-decoration: none;
7029}
7030@media (prefers-reduced-motion: reduce) {
7031    .main-content .why-extjs__logo,
7032    .main-content .why-extjs__logo::before,
7033    .main-content .why-extjs__logo::after,
7034    .main-content .why-extjs__connector-path {
7035        animation: none !important;
7036    }
7037}
7038@media screen and (min-width: 1301px) {
7039    .main-content .container {
7040        width: 85%;
7041    }
7042}
7043@media screen and (max-width: 1650px) {
7044    :root {
7045        --heading-two: 38px;
7046        --sub-heading: 16px;
7047    }
7048    .main-content section {
7049        padding: 30px 0;
7050    }
7051    .main-content .btn {
7052        padding: 0 16px;
7053        height: 58px;
7054        font-size: var(--fs-18);
7055    }
7056    .main-content .extjs-hero__product {
7057        height: 36px;
7058        gap: 5px;
7059        min-width: 100px;
7060    }
7061    .main-content .extjs-hero__product img {
7062        width: 18px;
7063        height: auto;
7064    }
7065    .main-content .extjs-hero {
7066        padding: 40px 0 30px;
7067    }
7068    .main-content .extjs-hero__announcement {
7069        font-size: var(--fs-14);
7070    }
7071    .main-content .extjs-hero__announcement-dot {
7072        width: 6px;
7073        height: 6px;
7074        flex: 0 0 6px;
7075    }
7076    .main-content .extjs-hero__announcement-dot::before {
7077        width: 6px;
7078        height: 6px;
7079    }
7080    .main-content .extjs-hero__title {
7081        font-size: 48px;
7082    }
7083    .main-content .extjs-hero__subtitle {
7084        margin: 18px 0 22px;
7085        font-size: var(--fs-22);
7086    }
7087    .main-content .extjs-hero__action .btn {
7088        min-width: 400px;
7089    }
7090    .main-content .extjs-hero__feature {
7091        gap: 5px;
7092        font-size: var(--fs-10);
7093        font-weight: 500;
7094    }
7095    .main-content .extjs-hero__check {
7096        width: 13px;
7097        height: 7px;
7098        margin-top: -2px;
7099    }
7100    .main-content .extjs-hero__features {
7101        margin: 8px auto 24px;
7102    }
7103    .main-content .extjs-hero__bottom-title {
7104        font-size: var(--fs-14);
7105    }
7106    .main-content .extjs-hero__arrow {
7107        font-size: var(--fs-24);
7108        margin-top: -0.2em;
7109    }
7110    .main-content .companies {
7111        padding-block: 30px;
7112    }
7113    .main-content .companies__strip {
7114        padding-right: 25px;
7115        max-height: 36px;
7116    }
7117    .main-content .data-section-content .section-decor-img {
7118        max-width: 230px;
7119        max-width: 200px;
7120    }
7121    .main-content .data-section__sub {
7122        max-width: 820px;
7123        margin: 0 auto 32px;
7124        line-height: 1.5;
7125    }
7126    .main-content .data-card__text {
7127        padding: 30px;
7128    }
7129    .main-content .data-card__title {
7130        font-size: var(--fs-20);
7131    }
7132    .main-content .data-card__desc {
7133        margin-bottom: 10px;
7134    }
7135    .main-content .data-grid-header {
7136        font-size: var(--fs-14);
7137        height: 46px;
7138    }
7139    .main-content .data-grid-row {
7140        min-height: 44px;
7141        padding: 0 15px;
7142        color: var(--clr-text-soft);
7143        font-size: var(--fs-12);
7144        border-radius: 2px;
7145    }
7146    .main-content .data-grid-header,
7147    .main-content .data-grid-row {
7148        display: grid;
7149        grid-template-columns: 123px 80px 112px 80px auto;
7150        align-items: center;
7151    }
7152    .main-content .tree-toggle {
7153        width: 18px;
7154        height: 18px;
7155        border-radius: 4px;
7156        font-size: var(--fs-18);
7157    }
7158    .main-content .folder-icon {
7159        width: 30px;
7160        height: 30px;
7161        margin-left: 30px;
7162        margin-right: 8px;
7163    }
7164    .main-content .tree-root .tree-label,
7165    .main-content .tree-parent .tree-label {
7166        font-size: var(--fs-16);
7167    }
7168    .main-content .root-children {
7169        margin-left: 45px;
7170    }
7171    .main-content .tree-parent {
7172        position: relative;
7173        margin-left: -38px;
7174        margin-top: 4px;
7175    }
7176    .main-content .parent-children {
7177        margin-left: 7px;
7178        padding-left: 31px;
7179    }
7180    .main-content .tree-label {
7181        font-size: var(--fs-13);
7182    }
7183    .main-content .tree-content {
7184        padding: 16px 0px 20px 40px;
7185    }
7186    .main-content .login-form h3 {
7187        margin: 0 0 21px;
7188        color: var(--clr-text-dark);
7189        font-size: var(--fs-18);
7190        line-height: 1.3;
7191        font-weight: 600;
7192    }
7193    .main-content .form-group label {
7194        font-size: var(--fs-14);
7195        line-height: 22px;
7196    }
7197    .main-content .input-wrapper {
7198        height: 46px;
7199    }
7200    .main-content .input-icon {
7201        width: 22px;
7202        height: 22px;
7203    }
7204    .main-content .calendar-week:not(.calendar-days) > div {
7205        font-size: var(--fs-13);
7206    }
7207    .main-content .calendar-day > span {
7208        font-size: var(--fs-14);
7209    }
7210    .main-content .data-section_action {
7211        margin-top: 40px;
7212    }
7213    section.hero {
7214        padding: 70px 0 60px;
7215    }
7216    .hero-content .text p {
7217        margin: 12px 0 24px;
7218    }
7219    .hero-content .play-video span {
7220        font-size: var(--fs-13);
7221    }
7222    .hero-content .play-video {
7223        margin-top: 30px;
7224        margin-left: 40px;
7225    }
7226    .hero-content .hero-img-wrapper {
7227        max-width: 400px;
7228    }
7229    .hero-img-btn .btn {
7230        padding: 0 15px !important;
7231        min-width: 100px;
7232        font-size: var(--fs-12) !important;
7233        min-height: 34px;
7234        max-height: 34px;
7235    }
7236    .hero-img-btn .btn .cs-icon {
7237        font-size: var(--fs-16);
7238    }
7239    .hero-img-btn.front-end {
7240        top: -45px;
7241        left: 130px;
7242    }
7243    .hero-img-btn.ui-components {
7244        top: -16px;
7245        right: -5px;
7246    }
7247    .hero-img-btn.advisor {
7248        top: 39px;
7249    }
7250    .hero-img-btn.cmd {
7251        top: 30px;
7252        left: 55px;
7253    }
7254    .hero-img-btn.themer {
7255        top: 65px;
7256        left: -65px;
7257    }
7258    .hero-img-btn.reext {
7259        top: 140px;
7260        left: -25px;
7261    }
7262    .hero-img-btn.reext::before {
7263        width: 4px;
7264        height: 4px;
7265    }
7266    .hero-img-btn.architect {
7267        top: 107px;
7268        right: -25px;
7269    }
7270    .hero-img-btn.inspector {
7271        top: 162px;
7272        right: -85px;
7273    }
7274    .hero-img-btn.test {
7275        top: 200px;
7276        left: -65px;
7277    }
7278    .hero-img-btn.ui-ux {
7279        top: 235px;
7280        left: 50px;
7281    }
7282    .hero-img-btn.fiddle {
7283        top: 210px;
7284        right: 15px;
7285    }
7286    .hero-img-btn.ext-js {
7287        bottom: -35px;
7288        left: 70px;
7289    }
7290    .hero-img-btn.plugins {
7291        bottom: -14px;
7292        right: 45px;
7293    }
7294    .main-content .gxt-section__description {
7295        margin: 20px auto 0;
7296        max-width: 1050px;
7297    }
7298    .main-content .why-extjs {
7299        padding: 30px 0 30px;
7300    }
7301    .main-content .why-extjs__heading {
7302        margin-bottom: 40px;
7303    }
7304    .main-content .why-extjs__heading p {
7305        margin: 20px auto 0;
7306    }
7307    .main-content .why-extjs__layout {
7308        grid-template-columns: minmax(450px, 1fr) 1fr minmax(450px, 1fr);
7309    }
7310    .main-content .why-extjs__card-content h3 {
7311        font-size: var(--fs-20);
7312    }
7313    .main-content .why-extjs__card-content p {
7314        font-size: var(--fs-14);
7315    }
7316    .main-content .why-extjs__icon img {
7317        width: 76px;
7318        height: 76px;
7319    }
7320    .main-content .why-extjs__card {
7321        padding: 26px 18px;
7322    }
7323    .main-content .why-extjs__icon {
7324        width: 80px;
7325        flex: 0 0 80px;
7326        margin-right: 18px;
7327    }
7328    .main-content .why-extjs__logo {
7329        width: 165px;
7330        height: 165px;
7331        background:
7332            linear-gradient(var(--clr-white), var(--clr-white)) padding-box,
7333            linear-gradient(145deg, #c9df32 0%, #8fc83e 45%, #00ae55 100%) border-box;
7334        box-shadow:
7335            0 0 10px rgba(154, 207, 61, 0.4),
7336            0 0 30px rgba(134, 188, 64, 0.25),
7337            0 0 64px rgba(134, 188, 64, 0.16),
7338            0 0 84px rgba(134, 188, 64, 0.08);
7339    }
7340    @keyframes extjsLogoGlow {
7341        0%,
7342        100% {
7343            box-shadow:
7344                0 0 5px rgba(154, 207, 61, 0.4),
7345                0 0 20px rgba(134, 188, 64, 0.25),
7346                0 0 44px rgba(134, 188, 64, 0.16),
7347                0 0 74px rgba(134, 188, 64, 0.08);
7348        }
7349        50% {
7350            box-shadow:
7351                0 0 15px rgba(154, 207, 61, 0.65),
7352                0 0 30px rgba(134, 188, 64, 0.42),
7353                0 0 74px rgba(134, 188, 64, 0.28),
7354                0 0 84px rgba(134, 188, 64, 0.15);
7355        }
7356    }
7357    .main-content .why-extjs__logo img {
7358        width: 130px;
7359        height: 130px;
7360    }
7361    .main-content .why-extjs__connectors {
7362        max-height: 500px;
7363        top: 50%;
7364        transform: translateY(-50%);
7365    }
7366    .main-content .why-extjs__center {
7367        height: 460px;
7368    }
7369    .main-content .experience__number {
7370        font-size: 54px;
7371    }
7372    .main-content .experience__text {
7373        font-size: var(--fs-16);
7374    }
7375    .main-content .review-sites__title {
7376        font-size: var(--fs-16);
7377    }
7378    .main-content .review-sites__logos {
7379        margin-bottom: 10px;
7380    }
7381    .main-content .review-site--software {
7382        width: 130px;
7383        height: 54px;
7384    }
7385    .main-content .review-site--getapp {
7386        width: 98px;
7387        height: 54px;
7388    }
7389    .main-content .review-site--capterra {
7390        width: 170px;
7391        height: 54px;
7392    }
7393    .main-content .stat-item__number {
7394        font-size: var(--fs-32);
7395    }
7396    .main-content .stat-item__label {
7397        font-size: var(--fs-14);
7398    }
7399    .main-content .review-rating__logo img {
7400        width: 44px;
7401        height: 44px;
7402    }
7403    .main-content .review-rating__top strong {
7404        font-size: var(--fs-16);
7405    }
7406    .main-content .review-rating__stars .star::before {
7407        font-size: var(--fs-20);
7408    }
7409    .main-content .badge--large img {
7410        max-height: 110px;
7411    }
7412    .main-content .review-site img {
7413        max-height: 50px;
7414    }
7415    .main-content .review-badges--large {
7416        margin-bottom: 26px;
7417    }
7418    .main-content .security h3 {
7419        margin: 0 0 22px;
7420        font-size: var(--fs-16);
7421    }
7422    .main-content .stats-wrapper {
7423        min-height: 480px;
7424    }
7425    .security__logos img {
7426        max-height: 50px;
7427        width: auto;
7428    }
7429    .main-content .security-cta__content h2 {
7430        max-width: 580px;
7431        font-size: var(--fs-24);
7432    }
7433    .main-content .security-cta__content p {
7434        max-width: 740px;
7435        font-size: var(--fs-14);
7436        line-height: 24px;
7437    }
7438    .main-content .getting-started__header {
7439        margin-bottom: 30px;
7440    }
7441    .main-content .getting-started__card {
7442        padding: 25px;
7443    }
7444    .main-content .getting-started__icon {
7445        --getting-started-icon: 80px;
7446    }
7447    .main-content .getting-started__card h3 {
7448        font-size: var(--fs-22);
7449    }
7450    .main-content .getting-started__action {
7451        margin-top: 30px;
7452    }
7453    .main-content .getting-started__action .btn {
7454        width: 100%;
7455        max-width: 237px;
7456    }
7457    .main-content .rext-app-item {
7458        padding: 24px 24px 24px 58px;
7459    }
7460}
7461@media screen and (max-width: 1400px) {
7462    :root {
7463        --heading-two: 34px;
7464        --sub-heading: 16px;
7465    }
7466    .main-content .extjs-hero__title {
7467        font-size: 38px;
7468    }
7469    .main-content .extjs-hero__subtitle {
7470        margin: 15px 0 22px;
7471        font-size: var(--fs-20);
7472    }
7473    .main-content .extjs-hero__product {
7474        height: 36px;
7475    }
7476    .main-content .data-section-content {
7477        padding: 46px 30px;
7478    }
7479    .main-content .data-card__title {
7480        font-size: var(--fs-18);
7481    }
7482    .main-content .data-card__desc {
7483        line-height: 1.55;
7484    }
7485    .main-content .data-cards {
7486        gap: 20px;
7487    }
7488    .main-content .data-card__text {
7489        padding: 24px 20px;
7490    }
7491    .main-content .data-grid-row,
7492    .main-content .data-grid-header {
7493        padding: 0 10px;
7494    }
7495    .main-content .data-grid-header,
7496    .main-content .data-grid-row {
7497        grid-template-columns: 1fr 60px 91px 70px 100px;
7498    }
7499    .main-content .event-large {
7500        width: 186px;
7501        width: 150px;
7502    }
7503    .main-content .login-form {
7504        padding: 40px 60px 40px 40px;
7505    }
7506    .hero-content {
7507        padding: 70px 30px;
7508        column-gap: 0;
7509    }
7510    .main-content .why-extjs__heading h2 {
7511        font-size: var(--fs-34);
7512    }
7513    .main-content .why-extjs__icon img {
7514        width: 70px;
7515        height: 70px;
7516    }
7517    .main-content .why-extjs__card-content h3 {
7518        font-size: var(--fs-18);
7519    }
7520    .main-content .why-extjs__layout {
7521        grid-template-columns: minmax(450px, 1fr) 1fr minmax(450px, 1fr);
7522    }
7523    .main-content .why-extjs__logo {
7524        width: 120px;
7525        height: 120px;
7526    }
7527    .main-content .why-extjs__logo img {
7528        width: 90px;
7529        height: 90px;
7530    }
7531    .main-content .experience__number {
7532        font-size: 44px;
7533    }
7534    .main-content .stat-item__number {
7535        font-size: var(--fs-30);
7536    }
7537    .main-content .review-sites__logos {
7538        gap: 12px;
7539    }
7540    .main-content .rext-apps {
7541        padding: 50px;
7542        height: 665px;
7543    }
7544    .main-content .rext-apps__content {
7545        grid-template-columns: 1fr 0.8fr;
7546        gap: 50px;
7547    }
7548}
7549@media screen and (max-width: 1200px) {
7550    :root {
7551        --heading-two: 32px;
7552    }
7553    .main-content .btn {
7554        height: 52px;
7555        font-size: var(--fs-16);
7556    }
7557    .main-content section {
7558        padding: 20px 0;
7559    }
7560    .main-content .extjs-hero__title {
7561        font-size: var(--fs-34);
7562    }
7563    .main-content .extjs-hero__subtitle {
7564        font-size: var(--fs-18);
7565    }
7566    .main-content .extjs-hero__action .btn {
7567        min-width: 320px;
7568    }
7569    .main-content .companies {
7570        padding-block: 20px;
7571    }
7572    .main-content .data-section__sub {
7573        font-size: var(--fs-16);
7574    }
7575    .main-content .data-card__title {
7576        font-size: var(--fs-16);
7577    }
7578    .main-content .data-grid-row {
7579        font-size: var(--fs-10);
7580    }
7581    .main-content .data-grid-header,
7582    .main-content .data-grid-row {
7583        grid-template-columns: 1fr 44px 77px 54px 60px;
7584    }
7585    .main-content .folder-icon {
7586        width: 24px;
7587        height: 24px;
7588    }
7589    .main-content .login-form {
7590        padding: 40px 52px 50px 24px;
7591    }
7592    .main-content .form-group label {
7593        font-size: var(--fs-12);
7594        line-height: 22px;
7595        margin-bottom: 2px;
7596    }
7597    .main-content .calendar-event {
7598        font-size: var(--fs-12);
7599    }
7600    .main-content .calendar-days {
7601        height: 70px;
7602    }
7603    .main-content .data-section-content {
7604        padding: 30px;
7605    }
7606    .main-content .data-section_action {
7607        margin-top: 30px;
7608    }
7609    section.hero {
7610        padding: 55px 0 50px;
7611    }
7612    .hero-content .block.right-part {
7613        transform: scale(0.95);
7614    }
7615    .hero-content {
7616        padding: 70px 20px;
7617    }
7618    .hero-content .block.left-part {
7619        max-width: 400px;
7620    }
7621    .cta-buttons__play {
7622        --cta-buttons-play-size: 42px;
7623    }
7624    .cta-buttons__play svg {
7625        --cta-buttons-play-svg: 18px;
7626    }
7627    .hero-content .play-video {
7628        margin-top: 25px;
7629        margin-left: 40px;
7630    }
7631    .hero-content .hero-img-wrapper {
7632        max-width: 350px;
7633    }
7634    .hero-img-center {
7635        max-width: 100px;
7636    }
7637    .hero-img-btn.front-end {
7638        top: -45px;
7639        left: 110px;
7640    }
7641    .hero-img-btn.ui-components {
7642        right: -30px;
7643    }
7644    .hero-img-btn.advisor {
7645        top: 31px;
7646        right: -96px;
7647    }
7648    .hero-img-btn.advisor::before {
7649        width: 4px;
7650        height: 4px;
7651    }
7652    .hero-img-btn.cmd {
7653        top: 20px;
7654        left: 30px;
7655    }
7656    .hero-img-btn.themer {
7657        top: 60px;
7658        left: -80px;
7659    }
7660    .hero-img-btn.reext {
7661        top: 118px;
7662        left: -25px;
7663    }
7664    .hero-img-btn.reext::before {
7665        width: 3px;
7666        height: 3px;
7667    }
7668    .hero-img-btn.architect {
7669        top: 90px;
7670        right: -40px;
7671    }
7672    .hero-img-btn.inspector {
7673        top: 142px;
7674        right: -82px;
7675    }
7676    .hero-img-btn.test {
7677        top: 170px;
7678        left: -70px;
7679    }
7680    .hero-img-btn.ui-ux {
7681        top: 210px;
7682        left: 40px;
7683    }
7684    .hero-img-btn.fiddle {
7685        top: 185px;
7686        right: 5px;
7687    }
7688    .hero-img-btn.ext-js {
7689        bottom: -40px;
7690        left: 50px;
7691    }
7692    .hero-img-btn.plugins {
7693        right: 30px;
7694    }
7695    .main-content .gxt-section {
7696        padding: 30px 0 60px;
7697    }
7698    .main-content .gxt-section__header {
7699        margin-bottom: 35px;
7700    }
7701    .main-content .gxt-section__description {
7702        margin-top: 15px;
7703        line-height: 1.65;
7704    }
7705    .main-content .gxt-chart-card {
7706        padding: 24px 22px;
7707    }
7708    .main-content .gxt-chart-card__header h3 {
7709        font-size: var(--fs-17);
7710    }
7711    .main-content .gxt-chart-card__header p {
7712        font-size: var(--fs-13);
7713    }
7714    .main-content .gxt-charts {
7715        grid-template-columns: 1fr 1fr;
7716        gap: 16px;
7717    }
7718    .main-content .gxt-chart-card--line {
7719        grid-column: 1 / -1;
7720        grid-row-start: 2;
7721    }
7722    .main-content .why-extjs__card {
7723        padding: 20px 14px;
7724        min-height: 155px;
7725    }
7726    .main-content .why-extjs__icon {
7727        width: 60px;
7728        flex: 0 0 60px;
7729        margin-right: 14px;
7730    }
7731    .main-content .why-extjs__layout {
7732        grid-template-columns: minmax(340px, 1fr) 1fr minmax(340px, 1fr);
7733    }
7734    .main-content .why-extjs__column {
7735        position: relative;
7736        z-index: 3;
7737        display: flex;
7738        flex-direction: column;
7739        gap: 14px;
7740    }
7741    .main-content .why-extjs__logo::before {
7742        width: 130px;
7743        height: 130px;
7744    }
7745    .main-content .why-extjs__card-content h3 {
7746        font-size: var(--fs-16);
7747        margin-bottom: 8px;
7748    }
7749    .main-content .why-extjs__heading h2 {
7750        font-size: var(--fs-30);
7751    }
7752    .main-content .why-extjs__heading p {
7753        font-size: var(--fs-16);
7754        line-height: 1.5;
7755        margin: 14px auto 0;
7756    }
7757    .main-content .why-extjs {
7758        padding: 20px 0 20px;
7759    }
7760    .main-content .security-cta__inner {
7761        padding: 28px 24px;
7762        background-color: var(--clr-primary);
7763        background-size: cover;
7764        background-position: right center;
7765    }
7766    .main-content .security-cta__content h2 {
7767        font-size: var(--fs-20);
7768    }
7769    .main-content .security-cta__button {
7770        min-width: 250px;
7771    }
7772    .main-content .security-cta__action {
7773        margin-left: 26px;
7774    }
7775    .main-content .stats-left {
7776        padding: 28px 20px 28px;
7777    }
7778    .main-content .badge--large img {
7779        max-height: 86px;
7780    }
7781    .main-content .review-badges--small {
7782        gap: 2px;
7783    }
7784    .main-content .review-rating__top {
7785        gap: 8px;
7786    }
7787    .main-content .experience__number {
7788        font-size: 38px;
7789    }
7790    .main-content .experience__text {
7791        font-size: var(--fs-14);
7792    }
7793    .main-content .stats-top {
7794        grid-template-columns: 30% 68%;
7795    }
7796    .main-content .review-sites__title {
7797        font-size: var(--fs-14);
7798    }
7799    .main-content .stat-item__number {
7800        font-size: 26px;
7801    }
7802    .main-content .stat-item__label {
7803        font-size: var(--fs-12);
7804    }
7805    .main-content .security h3 {
7806        margin: 0 0 18px;
7807        font-size: var(--fs-14);
7808    }
7809    .main-content .review-badges--large {
7810        margin-bottom: 8px;
7811    }
7812    .main-content .stats-wrapper {
7813        min-height: 408px;
7814    }
7815    .main-content .security-cta {
7816        padding: 20px 0 40px;
7817        background: var(--clr-bg);
7818    }
7819    .main-content .rext-apps {
7820        padding: 45px 40px 50px;
7821        height: 700px;
7822    }
7823    .main-content .rext-apps__header {
7824        grid-template-columns: 1fr;
7825        gap: 20px;
7826    }
7827    .main-content .rext-app__description {
7828        padding-top: 0;
7829    }
7830    .main-content .rext-apps__content {
7831        gap: 40px;
7832    }
7833    .main-content .rext-apps__list {
7834        padding-left: 8px;
7835    }
7836    .main-content .rext-app-item {
7837        min-height: 50px;
7838        padding: 22px 22px 22px 58px;
7839    }
7840    .main-content .rext-app-item.is-active {
7841        transform: none;
7842        padding-right: 20px;
7843    }
7844    .main-content .rext-app-item.is-active .rext-app-item__details {
7845        gap: 15px;
7846        flex-direction: column;
7847        align-items: flex-start;
7848    }
7849    .main-content .rext-app-item__text p {
7850        font-size: var(--fs-13);
7851    }
7852    .main-content .rext-app-item.is-active .btn {
7853        min-width: 125px;
7854        padding: 0 20px;
7855    }
7856    .main-content .getting-started__icon {
7857        --getting-started-icon: 70px;
7858        margin-bottom: 18px;
7859    }
7860    .main-content .getting-started__card h3 {
7861        font-size: var(--fs-20);
7862    }
7863}
7864@media screen and (max-width: 1024px) {
7865    :root {
7866        --heading-two: 28px;
7867    }
7868    .main-content .extjs-hero__bottom {
7869        margin-bottom: 14px;
7870    }
7871    .main-content .extjs-demo {
7872        height: clamp(400px, 70vh, 600px);
7873    }
7874    .main-content .extjs-hero {
7875        padding: 40px 0 20px;
7876    }
7877    .main-content .data-grid-header {
7878        font-size: var(--fs-10);
7879    }
7880    .main-content .data-grid-row {
7881        font-size: var(--fs-10);
7882    }
7883    .main-content .data-section-content {
7884        padding: 15px;
7885    }
7886    .main-content .data-cards {
7887        grid-template-columns: 1fr;
7888    }
7889    .main-content .data-grid-header,
7890    .main-content .data-grid-row {
7891        grid-template-columns: 1fr 100px 110px 100px 100px;
7892    }
7893    section.hero .hero-img-btn .btn:hover {
7894        color: rgba(var(--clr-sec)) !important;
7895        transform: none;
7896    }
7897    .main-content .why-extjs__center {
7898        display: none;
7899    }
7900    .main-content .why-extjs__layout {
7901        grid-template-columns: 1fr;
7902        gap: 14px;
7903    }
7904    .main-content .why-extjs__card {
7905        min-height: unset;
7906        padding: 30px 14px;
7907    }
7908    .main-content .security-cta__inner {
7909        flex-direction: column;
7910        gap: 20px;
7911        text-align: center;
7912    }
7913    .main-content .security-cta__content h2 {
7914        margin-left: auto;
7915        margin-right: auto;
7916    }
7917    .main-content .security-cta__action {
7918        margin-left: 0;
7919    }
7920    .main-content .review-rating__logo {
7921        width: 40px;
7922        height: 40px;
7923    }
7924    .main-content .review-rating__logo img {
7925        max-width: 100%;
7926        max-height: 100%;
7927    }
7928    .main-content .review-rating__top strong {
7929        font-size: var(--fs-14);
7930    }
7931    .main-content .review-rating__stars .star {
7932        width: 16px;
7933        height: 16px;
7934    }
7935    .main-content .review-rating__stars .star::before {
7936        font-size: var(--fs-16);
7937    }
7938    .main-content .badge--large img {
7939        max-height: 68px;
7940    }
7941    .main-content .review-badges--small {
7942        display: grid;
7943        grid-template-columns: repeat(3, 1fr);
7944        max-width: 140px;
7945    }
7946    .main-content .review-badges--small img {
7947        max-height: 46px;
7948    }
7949    .security__logos img {
7950        max-height: 30px;
7951    }
7952    .main-content .experience__number {
7953        font-size: var(--fs-30);
7954    }
7955    .main-content .review-sites {
7956        padding: 15px 10px;
7957        padding-top: 0;
7958    }
7959    .main-content .experience__text {
7960        font-size: var(--fs-12);
7961    }
7962    .main-content .review-sites__title {
7963        font-size: var(--fs-12);
7964    }
7965    .main-content .review-site--software {
7966        width: 80px;
7967        height: 32px;
7968        width: 100px;
7969        height: 42px;
7970    }
7971    .main-content .stat-item__label {
7972        font-size: var(--fs-10);
7973    }
7974    .main-content .stat-item__number {
7975        font-size: var(--fs-22);
7976    }
7977    .main-content .review-rating__top {
7978        margin-bottom: 20px;
7979    }
7980    .main-content .stats-top {
7981        grid-template-columns: 1fr;
7982        padding-top: 20px;
7983    }
7984    .main-content .review-site img {
7985        max-height: 50px;
7986    }
7987    .main-content .review-site--capterra {
7988        width: 120px;
7989        height: 42px;
7990    }
7991    .main-content .review-site--getapp {
7992        width: 58px;
7993        height: 42px;
7994    }
7995}
7996@media screen and (max-width: 991px) {
7997    section.hero {
7998        padding: 60px 0 20px;
7999    }
8000    .hero-content {
8001        flex-direction: column-reverse;
8002        gap: 30px;
8003        padding: 70px 20px 30px;
8004    }
8005    .hero-content .block.left-part {
8006        max-width: max-content;
8007    }
8008    .hero-content .right-part.block {
8009        padding-bottom: 50px;
8010        transform: scale(1);
8011    }
8012    .main-content .getting-started__cards {
8013        grid-template-columns: 1fr;
8014    }
8015    .main-content .getting-started__card {
8016        min-height: auto;
8017    }
8018    .main-content .rext-apps-section {
8019        padding: 40px 0;
8020        overflow: hidden;
8021    }
8022    .main-content .rext-apps {
8023        padding: 45px 0 50px;
8024        border-radius: 18px;
8025        overflow: hidden;
8026    }
8027    .main-content .rext-apps__header {
8028        display: block;
8029        margin-bottom: 35px;
8030        padding: 0 25px;
8031        text-align: center;
8032    }
8033    .main-content .rext-apps__title {
8034        font-size: clamp(30px, 5vw, 42px);
8035        line-height: 1.15;
8036        letter-spacing: -0.8px;
8037        margin-bottom: 20px;
8038    }
8039    .main-content .rext-apps__description {
8040        max-width: 700px;
8041        margin: 0 auto;
8042    }
8043    .main-content .rext-apps__description p {
8044        font-size: 16px;
8045        line-height: 1.7;
8046    }
8047    .main-content .rext-apps__content {
8048        display: flex;
8049        flex-direction: column;
8050        gap: 0;
8051        width: 100%;
8052        align-items: stretch;
8053    }
8054    .main-content .rext-apps__list {
8055        grid-column: 1 / -1;
8056        position: relative;
8057        display: flex;
8058        flex-direction: row;
8059        align-items: center;
8060        width: 100%;
8061        gap: 10px;
8062        padding: 0 20px 14px;
8063        overflow-x: auto;
8064        overflow-y: hidden;
8065        scrollbar-width: none;
8066        -webkit-overflow-scrolling: touch;
8067        scroll-behavior: smooth;
8068        scroll-snap-type: x proximity;
8069        scroll-padding-inline: 50%;
8070    }
8071    .main-content .rext-apps__list::-webkit-scrollbar {
8072        display: none;
8073    }
8074    .main-content .rext-apps__list::before {
8075        display: none;
8076    }
8077    .main-content .rext-app-item {
8078        position: relative;
8079        flex: 0 0 auto;
8080        width: auto;
8081        min-width: max-content;
8082        min-height: 48px;
8083        display: flex;
8084        align-items: center;
8085        justify-content: center;
8086        padding: 0 25px;
8087        margin: 0;
8088        border-radius: 9px;
8089        background: transparent;
8090        color: var(--clr-text-dark);
8091        box-shadow: none;
8092        transform: none;
8093        scroll-snap-align: center;
8094        transition:
8095            background 0.15s ease,
8096            box-shadow 0.15s ease,
8097            color 0.15s ease,
8098            transform 0.15s ease;
8099    }
8100    .main-content .rext-app-item.is-active {
8101        min-height: 48px;
8102        width: auto;
8103        margin-left: 0;
8104        padding: 0 25px;
8105        background: var(--clr-white);
8106        border-radius: 9px;
8107        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.14);
8108        transform: scale(1);
8109    }
8110    .main-content .rext-app-item__title {
8111        display: block;
8112        white-space: nowrap;
8113        font-size: 17px;
8114        font-weight: 500;
8115        line-height: 1.3;
8116        transition:
8117            font-size 0.3s ease,
8118            font-weight 0.3s ease;
8119    }
8120    .main-content .rext-app-item.is-active .rext-app-item__title {
8121        display: block;
8122        font-size: 19px;
8123        font-weight: 700;
8124    }
8125    .main-content .rext-app-item::before {
8126        display: none;
8127    }
8128    .main-content .rext-app-item.is-active::before {
8129        display: none;
8130    }
8131    .main-content .rext-app-item.is-active.is-progressing::after {
8132        display: none;
8133    }
8134    .main-content .rext-app-item__details {
8135        display: none !important;
8136    }
8137    .main-content .rext-mobile-details {
8138        display: block;
8139        width: 100%;
8140        padding: 20px 25px 0;
8141        text-align: center;
8142        opacity: 1;
8143        transform: translateY(0);
8144        transition:
8145            opacity 0.3s ease,
8146            transform 0.3s ease;
8147        order: 3;
8148    }
8149    .main-content .rext-mobile-details.is-changing {
8150        opacity: 0;
8151        transform: translateY(8px);
8152    }
8153    .main-content .rext-mobile-details__text {
8154        max-width: 700px;
8155        margin: 0 auto;
8156    }
8157    .main-content .rext-mobile-details h3 {
8158        margin: 0 0 10px;
8159        color: var(--clr-text-dark);
8160        font-size: 20px;
8161        font-weight: 700;
8162        line-height: 1.4;
8163        display: none;
8164    }
8165    .main-content .rext-mobile-details p {
8166        margin: 0;
8167        color: #151515;
8168        font-size: 15px;
8169        line-height: 1.7;
8170    }
8171    .main-content .rext-mobile-details .btn {
8172        display: inline-flex;
8173        align-items: center;
8174        justify-content: center;
8175        height: 48px;
8176        min-width: 145px;
8177        margin-top: 25px;
8178        padding: 0 28px;
8179        font-size: 15px;
8180        border-radius: 30px;
8181    }
8182    .main-content .rext-apps__media {
8183        width: 100%;
8184        margin-top: 20px;
8185        padding: 0 25px;
8186    }
8187    .main-content .rext-video {
8188        height: 150px;
8189        aspect-ratio: unset;
8190        margin-left: auto;
8191        margin-right: auto;
8192        border: none;
8193        background: transparent !important;
8194    }
8195    .main-content .rext-video__inner {
8196        transition:
8197            opacity 0.35s ease,
8198            transform 0.35s ease;
8199    }
8200}
8201@media screen and (max-width: 767px) {
8202    :root {
8203        --heading-two: 24px;
8204        --sub-heading: 15px;
8205    }
8206    .main-content .container {
8207        width: 100%;
8208        padding: 0 15px;
8209    }
8210    .main-content .btn {
8211        height: 48px;
8212        font-size: var(--fs-14);
8213    }
8214    .main-content .extjs-hero__title {
8215        font-size: var(--fs-20);
8216    }
8217    .main-content .extjs-hero__subtitle {
8218        font-size: var(--fs-14);
8219        max-width: 84%;
8220        margin: 15px auto 22px;
8221    }
8222    .main-content .extjs-hero__action .btn {
8223        min-width: 300px;
8224    }
8225    .main-content .extjs-hero__bottom-title {
8226        font-size: var(--fs-12);
8227    }
8228    .main-content .extjs-hero__product {
8229        height: 34px;
8230        font-size: var(--fs-12);
8231        min-width: 90px;
8232    }
8233    .main-content .extjs-hero__product img {
8234        max-width: 16px;
8235        height: auto;
8236    }
8237    #typewriter {
8238        border-right: 2px solid var(--clr-primary);
8239    }
8240    .main-content .companies__heading {
8241        font-size: var(--fs-14);
8242    }
8243    .main-content .companies__strip {
8244        padding-right: 18px;
8245        max-height: 26px;
8246    }
8247    .main-content .data-section__heading {
8248        max-width: 322px;
8249        margin-left: auto;
8250        margin-right: auto;
8251    }
8252    .main-content .data-section__sub {
8253        font-size: var(--fs-14);
8254        margin-bottom: 20px;
8255    }
8256    .main-content .data-section-content .section-decor-img {
8257        right: -15px;
8258        top: -15px;
8259        max-width: 130px;
8260    }
8261    .main-content .data-grid-header,
8262    .main-content .data-grid-row {
8263        grid-template-columns: 1fr 48px 71px 50px 68px;
8264    }
8265    .main-content .status {
8266        width: 56px;
8267        height: 23px;
8268        font-size: var(--fs-10);
8269    }
8270    .main-content .tree-root .tree-label,
8271    .main-content .tree-parent .tree-label {
8272        font-size: var(--fs-14);
8273    }
8274    .main-content .tree-label {
8275        font-size: var(--fs-12);
8276    }
8277    .main-content .login-form h3 {
8278        margin: 0 0 12px;
8279        font-size: var(--fs-14);
8280    }
8281    .main-content .login-form {
8282        padding: 20px 48px 30px 16px;
8283    }
8284    .main-content .tree-parent {
8285        margin-top: 0px;
8286    }
8287    .main-content .tree-child {
8288        height: 26px;
8289    }
8290    .main-content .data-grid-header {
8291        height: 30px;
8292    }
8293    .main-content .data-grid-row {
8294        min-height: 36px;
8295    }
8296    .main-content .data-card__title {
8297        font-size: var(--fs-14);
8298    }
8299    .main-content .data-card__desc {
8300        font-size: var(--fs-13);
8301    }
8302    .main-content .data-card__text {
8303        padding: 24px 20px 5px;
8304    }
8305    .main-content .grid-stage.tree-structure {
8306        margin-top: 20px;
8307        margin-top: 20px;
8308    }
8309    .main-content .parent-children::before {
8310        bottom: 0;
8311    }
8312    .main-content .calendar-event {
8313        top: 30px;
8314        left: 7px;
8315        height: 25px;
8316        font-size: var(--fs-10);
8317        top: 24px;
8318    }
8319    .main-content .calendar-days {
8320        height: 62px;
8321        height: 54px;
8322    }
8323    .main-content .data-section_action .btn {
8324        min-width: 250px;
8325    }
8326    .main-content .form-grid-stage {
8327        margin-top: 20px;
8328    }
8329    .main-content .accordion-grid {
8330        padding: 18px 10px 15px 10px;
8331    }
8332    .main-content .calendar-week:not(.calendar-days) > div {
8333        font-size: var(--fs-10);
8334    }
8335    .main-content .calendar-week:not(.calendar-days) {
8336        height: 20px;
8337    }
8338    .main-content .calendar-day > span {
8339        font-size: var(--fs-10);
8340    }
8341    .cta-buttons__play {
8342        --cta-buttons-play-size: 38px;
8343    }
8344    .cta-buttons__play svg {
8345        --cta-buttons-play-svg: 16px;
8346    }
8347    .hero-img-btn .btn {
8348        font-size: 11px !important;
8349        padding: 0 10px !important;
8350        min-height: 34px;
8351        max-height: 34px;
8352    }
8353    .hero-img-btn.ui-components {
8354        top: -20px;
8355        right: -5px;
8356    }
8357    .hero-img-btn.advisor {
8358        top: 31px;
8359        right: -79px;
8360    }
8361    .hero-img-btn.architect {
8362        top: 90px;
8363        right: -27px;
8364    }
8365    .hero-img-btn.inspector {
8366        top: 142px;
8367        right: -75px;
8368    }
8369    .hero-img-btn.plugins {
8370        right: 40px;
8371    }
8372    .main-content .gxt-section {
8373        padding: 20px 0 50px;
8374    }
8375    .main-content .gxt-section__header {
8376        margin-bottom: 28px;
8377    }
8378    .main-content .gxt-section__title {
8379        line-height: 1.2;
8380        letter-spacing: -0.8px;
8381    }
8382    .main-content .gxt-section__title span {
8383        margin-top: 5px;
8384    }
8385    .main-content .gxt-section__description {
8386        margin-top: 18px;
8387        line-height: 1.65;
8388    }
8389    .main-content .gxt-charts {
8390        grid-template-columns: 1fr;
8391        gap: 14px;
8392    }
8393    .main-content .gxt-chart-card--line {
8394        grid-column: auto;
8395    }
8396    .main-content .gxt-chart-card {
8397        padding: 24px 20px;
8398    }
8399    .main-content .gxt-chart-card__header h3 {
8400        font-size: var(--fs-17);
8401    }
8402    .main-content .gxt-chart-card__header p {
8403        font-size: var(--fs-13);
8404    }
8405    .main-content .gxt-section__cta {
8406        margin-top: 26px;
8407    }
8408    .main-content .gxt-section__cta .btn {
8409        width: 100%;
8410        min-width: 0;
8411        height: 62px;
8412        font-size: var(--fs-17);
8413    }
8414    .main-content .why-extjs__heading h2 {
8415        font-size: var(--fs-18);
8416        letter-spacing: initial;
8417    }
8418    .main-content .why-extjs__heading p {
8419        font-size: var(--fs-14);
8420        line-height: 1.5;
8421    }
8422    .main-content .why-extjs__card {
8423        padding: 20px 14px;
8424    }
8425    .main-content .why-extjs__card-content h3 {
8426        font-size: var(--fs-14);
8427        margin-bottom: 8px;
8428    }
8429    .main-content .stats-wrapper {
8430        min-height: 408px;
8431        grid-template-columns: 1fr;
8432    }
8433    .main-content .review-badges--small {
8434        display: flex;
8435        max-width: 100%;
8436    }
8437    .main-content .stats-left {
8438        padding: 22px 20px 22px;
8439        gap: 20px;
8440    }
8441    .main-content .stat-item {
8442        padding: 16px 10px;
8443    }
8444    .main-content .security-cta__content h2 {
8445        font-size: var(--fs-18);
8446    }
8447    .main-content .security-cta__content p {
8448        line-height: 22px;
8449    }
8450    .main-content .getting-started-section {
8451        padding: 50px 0;
8452    }
8453    .main-content .getting-started__header {
8454        margin-bottom: 30px;
8455    }
8456    .main-content .getting-started__card {
8457        padding: 20px;
8458    }
8459    .main-content .getting-started__icon {
8460        --getting-started-icon: 60px;
8461        margin-bottom: 12px;
8462    }
8463    .main-content .getting-started__card h3 {
8464        font-size: var(--fs-18);
8465    }
8466    .main-content .getting-started__action {
8467        margin-top: 30px;
8468    }
8469    .main-content .getting-started__action .btn {
8470        width: 100%;
8471        max-width: 237px;
8472    }
8473    .main-content .rext-apps-section {
8474        padding: 30px 0;
8475    }
8476    .main-content .rext-apps {
8477        padding: 35px 0 40px;
8478        border-radius: 0;
8479    }
8480    .main-content .rext-apps__header {
8481        padding: 0 20px;
8482        margin-bottom: 25px;
8483    }
8484    .main-content .rext-apps__title {
8485        font-size: 30px;
8486    }
8487    .main-content .rext-apps__description p {
8488        font-size: 15px;
8489        line-height: 1.65;
8490    }
8491    .main-content .rext-apps__list {
8492        gap: 8px;
8493        padding-left: 15px;
8494        padding-right: 15px;
8495    }
8496    .main-content .rext-app-item {
8497        min-height: 46px;
8498        padding: 0 22px;
8499    }
8500    .main-content .rext-app-item.is-active {
8501        min-height: 46px;
8502        padding: 0 22px;
8503    }
8504    .main-content .rext-app-item__title {
8505        font-size: 16px;
8506    }
8507    .main-content .rext-app-item.is-active .rext-app-item__title {
8508        font-size: 18px;
8509    }
8510    .main-content .rext-mobile-details {
8511        padding: 18px 20px 0;
8512    }
8513    .main-content .rext-mobile-details h3 {
8514        font-size: 19px;
8515    }
8516    .main-content .rext-mobile-details p {
8517        font-size: 15px;
8518    }
8519    .main-content .rext-apps__media {
8520        padding: 0 20px;
8521        margin-top: 35px;
8522    }
8523}
8524@media screen and (max-width: 575px) {
8525    section.hero {
8526        padding: 40px 0 20px;
8527    }
8528    .hero-content .play-video .play-btn-wrapper {
8529        gap: 6px;
8530    }
8531    .hero-content .right-part.block {
8532        padding-bottom: 30px;
8533    }
8534    .hero-content .hero-img-wrapper {
8535        max-width: 250px;
8536    }
8537    .hero-content .text p {
8538        margin: 10px 0 20px;
8539    }
8540    .hero-content .play-video span {
8541        font-size: var(--fs-14);
8542    }
8543    .hero-content .play-video {
8544        margin-top: 20px;
8545        margin-left: 38px;
8546    }
8547    .hero-img-center {
8548        max-width: 70px;
8549    }
8550    .hero-img-btn .btn {
8551        font-size: var(--fs-10) !important;
8552        padding: 0 8px !important;
8553        min-height: 25px;
8554        max-height: 25px;
8555        gap: 6px !important;
8556        min-width: 70px;
8557    }
8558    .hero-img-btn .btn .cs-icon {
8559        font-size: var(--fs-13);
8560    }
8561    .hero-img-btn img {
8562        max-width: 14px;
8563    }
8564    .hero-img-btn.front-end {
8565        top: -35px;
8566        left: 70px;
8567    }
8568    .hero-img-btn.ui-components {
8569        top: -15px;
8570        right: -25px;
8571    }
8572    .hero-img-btn.cmd {
8573        top: 3px;
8574        left: 34px;
8575    }
8576    .hero-img-btn.themer {
8577        top: 35px;
8578        left: -45px;
8579    }
8580    .hero-img-btn.reext {
8581        top: 80px;
8582        left: -7px;
8583    }
8584    .hero-img-btn.architect {
8585        top: 65px;
8586        right: -30px;
8587    }
8588    .hero-img-btn.advisor {
8589        top: 20px;
8590        right: -36px;
8591    }
8592    .hero-img-btn.advisor::before {
8593        width: 3px;
8594        height: 3px;
8595    }
8596    .hero-img-btn.test {
8597        top: 118px;
8598        left: -50px;
8599    }
8600    .hero-img-btn.inspector {
8601        top: 102px;
8602        right: -48px;
8603    }
8604    .hero-img-btn.ui-ux {
8605        top: 150px;
8606        left: 30px;
8607    }
8608    .hero-img-btn.fiddle {
8609        top: 135px;
8610        right: 5px;
8611    }
8612    .hero-img-btn.ext-js {
8613        bottom: -25px;
8614        left: 30px;
8615    }
8616    .hero-img-btn.plugins {
8617        bottom: -10px;
8618        right: 15px;
8619    }
8620    .main-content .rext-apps-section {
8621        padding: 20px 0;
8622    }
8623    .main-content .rext-apps {
8624        padding: 30px 0 35px;
8625        height: 650px;
8626    }
8627    .main-content .rext-apps__header {
8628        padding: 0 20px;
8629    }
8630    .main-content .rext-apps__title {
8631        font-size: 28px;
8632        letter-spacing: -0.5px;
8633    }
8634    .main-content .rext-apps__description p {
8635        font-size: 14px;
8636    }
8637    .main-content .rext-apps__list {
8638        gap: 7px;
8639    }
8640    .main-content .rext-app-item {
8641        min-height: 46px;
8642        padding: 0 20px;
8643    }
8644    .main-content .rext-app-item.is-active {
8645        min-height: 46px;
8646        padding: 0 20px;
8647    }
8648    .main-content .rext-app-item__title {
8649        font-size: 15px;
8650    }
8651    .main-content .rext-app-item.is-active .rext-app-item__title {
8652        font-size: 17px;
8653    }
8654    .main-content .rext-mobile-details {
8655        padding: 15px 20px 0;
8656    }
8657    .main-content .rext-mobile-details h3 {
8658        font-size: 18px;
8659        margin-bottom: 8px;
8660    }
8661    .main-content .rext-mobile-details p {
8662        font-size: 14px;
8663        line-height: 1.65;
8664    }
8665    .main-content .rext-mobile-details .btn {
8666        margin-top: 22px;
8667        min-width: 145px;
8668        height: 46px;
8669    }
8670    .main-content .rext-apps__media {
8671        padding: 0 20px;
8672    }
8673    .main-content .rext-video {
8674        /* border-radius: 10px; */
8675        width: auto;
8676        height: 100px;
8677    }
8678}
8679@media screen and (max-width: 500px) {
8680    .main-content .grid-stage {
8681        width: calc(100% - 25px);
8682    }
8683    .main-content .data-grid {
8684        padding: 5px 20px 12px 12px;
8685    }
8686    .main-content .data-grid-header {
8687        font-size: var(--fs-8);
8688    }
8689    .main-content .data-grid-row {
8690        font-size: var(--fs-8);
8691    }
8692    .main-content .status {
8693        width: 45px;
8694        height: 19px;
8695        font-size: var(--fs-8);
8696    }
8697    .main-content .data-grid-header,
8698    .main-content .data-grid-row {
8699        grid-template-columns: 1fr 45px 56px 52px 48px;
8700    }
8701    .main-content .name {
8702        padding-right: 5px;
8703    }
8704    .main-content .tree-label {
8705        font-size: var(--fs-10);
8706    }
8707    .main-content .tree-root .tree-label,
8708    .main-content .tree-parent .tree-label {
8709        font-size: var(--fs-12);
8710    }
8711    .main-content .grid-stage.tree-structure {
8712        width: 86%;
8713    }
8714    .main-content .form-grid-stage {
8715        width: 100%;
8716    }
8717    .main-content .password-group {
8718        margin-top: 10px;
8719    }
8720}
8721@media screen and (max-width: 480px) {
8722    .main-content .gxt-chart-card {
8723        padding: 20px 16px;
8724    }
8725    .main-content .gxt-chart-card__image {
8726        height: calc(100% - 55px);
8727    }
8728    .main-content .rext-apps {
8729        height: 700px;
8730    }
8731}
8732@media screen and (max-width: 400px) {
8733    .main-content .extjs-hero__arrow {
8734        font-size: var(--fs-14);
8735    }
8736    .main-content .extjs-hero__bottom-action {
8737        gap: 5px;
8738    }
8739    .main-content .extjs-hero__product {
8740        min-width: 70px;
8741        padding: 10px;
8742        gap: 6px;
8743    }
8744    .main-content .extjs-hero__product img {
8745        max-width: 16px;
8746    }
8747    .main-content .extjs-hero__announcement {
8748        font-size: var(--fs-10);
8749    }
8750    .main-content .input-wrapper {
8751        height: 36px;
8752    }
8753    .main-content .input-icon {
8754        width: 16px;
8755        height: 16px;
8756        left: 8px;
8757    }
8758    .main-content .input-text {
8759        padding: 0 15px 0 32px;
8760        font-size: var(--fs-10);
8761    }
8762    .main-content .event-large {
8763        width: 128px;
8764    }
8765    .main-content .data-grid-header,
8766    .main-content .data-grid-row {
8767        grid-template-columns: 1fr 35px 40px 44px 48px;
8768    }
8769    .hero-content .right-part.block {
8770        transform: scale(0.9);
8771    }
8772    .main-content .security-cta__content h2 {
8773        font-size: var(--fs-16);
8774    }
8775    .main-content .stat-item__number {
8776        font-size: var(--fs-20);
8777    }
8778    .main-content .stats-top {
8779        gap: 16px;
8780    }
8781}
8782@media screen and (max-width: 374px) {
8783    .hero-content .btn {
8784        padding: 0 10px !important;
8785    }
8786    .hero-content .hero-img-wrapper {
8787        max-width: 220px;
8788    }
8789    .hero-img-btn .btn {
8790        font-size: var(--fs-8) !important;
8791        min-height: 22px;
8792        max-height: 22px;
8793        gap: 6px !important;
8794        min-width: 60px;
8795    }
8796    .hero-img-btn.front-end {
8797        top: -30px;
8798        left: 63px;
8799    }
8800    .hero-img-btn.themer {
8801        top: 28px;
8802        left: -38px;
8803    }
8804    .hero-img-btn.reext {
8805        top: 70px;
8806        left: -7px;
8807    }
8808    .hero-img-btn.architect {
8809        top: 55px;
8810        right: -34px;
8811    }
8812    .hero-img-btn.test {
8813        top: 112px;
8814        left: -37px;
8815    }
8816    .hero-img-btn.inspector {
8817        top: 90px;
8818        right: -46px;
8819    }
8820    .hero-img-btn.ui-ux {
8821        top: 130px;
8822        left: 30px;
8823    }
8824    .hero-img-btn.fiddle {
8825        top: 118px;
8826        right: 7px;
8827    }
8828}
8829.fiddle-preload {
8830    bottom: 0;
8831    left: 0;
8832    position: absolute;
8833    right: 0;
8834    top: 0;
8835    width: 100%;
8836    height: 100%;
8837}
8838.fiddle-preload .fiddle-loading-mask,
8839.fiddle-preload .fiddle-loading-mask:before,
8840.fiddle-preload .fiddle-loading-mask:after {
8841    background: #e6e6e6;
8842    width: 1em;
8843    height: 4em;
8844    -webkit-animation: preload-loading-keyframes 1s infinite ease-in-out;
8845    animation: preload-loading-keyframes 1s infinite ease-in-out;
8846}
8847.fiddle-preload .fiddle-loading-mask:before,
8848.fiddle-preload .fiddle-loading-mask:after {
8849    position: absolute;
8850    top: 0;
8851    content: "";
8852}
8853.fiddle-preload .fiddle-loading-mask:before {
8854    left: -1.5em;
8855    -webkit-animation-delay: -0.32s;
8856    animation-delay: -0.32s;
8857}
8858.fiddle-preload .fiddle-loading-mask:after {
8859    left: 1.5em;
8860}
8861.fiddle-preload .fiddle-loading-mask {
8862    font-size: 11px;
8863    position: absolute;
8864    top: 0;
8865    right: 0;
8866    bottom: 0;
8867    left: 0;
8868    margin: auto;
8869    -webkit-transform: translateZ(0);
8870    -ms-transform: translateZ(0);
8871    transform: translateZ(0);
8872    -webkit-animation-delay: -0.16s;
8873    animation-delay: -0.16s;
8874}
8875@-webkit-keyframes preload-loading-keyframes {
8876    0%,
8877    80%,
8878    100% {
8879        box-shadow: 0 0 #e6e6e6;
8880        height: 4em;
8881    }
8882    40% {
8883        box-shadow: 0 -2em #e6e6e6;
8884        height: 5em;
8885    }
8886}
8887@keyframes preload-loading-keyframes {
8888    0%,
8889    80%,
8890    100% {
8891        box-shadow: 0 0 #e6e6e6;
8892        height: 4em;
8893    }
8894    40% {
8895        box-shadow: 0 -2em #e6e6e6;
8896        height: 5em;
8897    }
8898}
8899.typewriter-wrap {
8900  display: inline-block;
8901  vertical-align: bottom;
8902    border-right: 0.08em solid currentColor;
8903  animation: blink 0.75s step-end infinite;
8904}
8905@keyframes blink {
8906    0%,
8907    100% {
8908        border-color: rgba(var(--clr-pri), 0);
8909  }
8910    50% {
8911        border-color: rgba(var(--clr-pri), 1);
8912  }
8913}
8914
8915.tw {
8916  display: inline-block;
8917  vertical-align: bottom;
8918  overflow: hidden;
8919  white-space: nowrap;
8920    width: max-content; /* always sizes to the real rendered text */
8921    max-width: 0; /* animated cap does the "revealing" */
8922  animation: 12s infinite;
8923}
8924.tw1 {
8925    animation-name: type1;
8926}
8927.tw2 {
8928    animation-name: type2;
8929    animation-delay: 4s;
8930}
8931.tw3 {
8932    animation-name: type2;
8933    animation-delay: 8s;
8934}
8935/* "UI Components" — 14 chars */
8936@keyframes type1 {
8937    0% {
8938        max-width: 0;
8939        animation-timing-function: steps(14, end);
8940    }
8941    12% {
8942        max-width: calc(14ch + 6px);
8943    }
8944    23% {
8945        max-width: calc(14ch + 6px);
8946        animation-timing-function: steps(14, end);
8947    }
8948    33.33% {
8949        max-width: 0;
8950    }
8951    100% {
8952        max-width: 0;
8953    }
8954}
8955/* "Framework" — 9 chars */
8956@keyframes type2 {
8957    0% {
8958        max-width: 0;
8959        animation-timing-function: steps(10, end);
8960    }
8961    11% {
8962        max-width: calc(10ch + 6px);
8963    }
8964    23% {
8965        max-width: calc(10ch + 6px);
8966        animation-timing-function: steps(10, end);
8967    }
8968    33.33% {
8969        max-width: 0;
8970    }
8971    100% {
8972        max-width: 0;
8973    }
8974}</style>
8974<script type="text/javascript" id="sns_global_scripts_in_head">window.addEventListener('DOMContentLoaded', function() {// live
8975/*!
8976 * jQuery hashchange event - v1.3 - 7/21/2010
8977 * http://benalman.com/projects/jquery-hashchange-plugin/
8978 * 
8979 * Copyright (c) 2010 "Cowboy" Ben Alman
8980 * Dual licensed under the MIT and GPL licenses.
8981 * http://benalman.com/about/license/
8982 */
8983
8984// Script: jQuery hashchange event
8985//
8986// *Version: 1.3, Last updated: 7/21/2010*
8987// 
8988// Project Home - http://benalman.com/projects/jquery-hashchange-plugin/
8989// GitHub       - http://github.com/cowboy/jquery-hashchange/
8990// Source       - http://github.com/cowboy/jquery-hashchange/raw/master/jquery.ba-hashchange.js
8991// (Minified)   - http://github.com/cowboy/jquery-hashchange/raw/master/jquery.ba-hashchange.min.js (0.8kb gzipped)
8992// 
8993// About: License
8994// 
8995// Copyright (c) 2010 "Cowboy" Ben Alman,
8996// Dual licensed under the MIT and GPL licenses.
8997// http://benalman.com/about/license/
8998// 
8999// About: Examples
9000// 
9001// These working examples, complete with fully commented code, illustrate a few
9002// ways in which this plugin can be used.
9003// 
9004// hashchange event - http://benalman.com/code/projects/jquery-hashchange/examples/hashchange/
9005// document.domain - http://benalman.com/code/projects/jquery-hashchange/examples/document_domain/
9006// 
9007// About: Support and Testing
9008// 
9009// Information about what version or versions of jQuery this plugin has been
9010// tested with, what browsers it has been tested in, and where the unit tests
9011// reside (so you can test it yourself).
9012// 
9013// jQuery Versions - 1.2.6, 1.3.2, 1.4.1, 1.4.2
9014// Browsers Tested - Internet Explorer 6-8, Firefox 2-4, Chrome 5-6, Safari 3.2-5,
9015//                   Opera 9.6-10.60, iPhone 3.1, Android 1.6-2.2, BlackBerry 4.6-5.
9016// Unit Tests      - http://benalman.com/code/projects/jquery-hashchange/unit/
9017// 
9018// About: Known issues
9019// 
9020// While this jQuery hashchange event implementation is quite stable and
9021// robust, there are a few unfortunate browser bugs surrounding expected
9022// hashchange event-based behaviors, independent of any JavaScript
9023// window.onhashchange abstraction. See the following examples for more
9024// information:
9025// 
9026// Chrome: Back Button - http://benalman.com/code/projects/jquery-hashchange/examples/bug-chrome-back-button/
9027// Firefox: Remote XMLHttpRequest - http://benalman.com/code/projects/jquery-hashchange/examples/bug-firefox-remote-xhr/
9028// WebKit: Back Button in an Iframe - http://benalman.com/code/projects/jquery-hashchange/examples/bug-webkit-hash-iframe/
9029// Safari: Back Button from a different domain - http://benalman.com/code/projects/jquery-hashchange/examples/bug-safari-back-from-diff-domain/
9030// 
9031// Also note that should a browser natively support the window.onhashchange 
9032// event, but not report that it does, the fallback polling loop will be used.
9033// 
9034// About: Release History
9035// 
9036// 1.3   - (7/21/2010) Reorganized IE6/7 Iframe code to make it more
9037//         "removable" for mobile-only development. Added IE6/7 document.title
9038//         support. Attempted to make Iframe as hidden as possible by using
9039//         techniques from http://www.paciellogroup.com/blog/?p=604. Added 
9040//         support for the "shortcut" format $(window).hashchange( fn ) and
9041//         $(window).hashchange() like jQuery provides for built-in events.
9042//         Renamed jQuery.hashchangeDelay to <jQuery.fn.hashchange.delay> and
9043//         lowered its default value to 50. Added <jQuery.fn.hashchange.domain>
9044//         and <jQuery.fn.hashchange.src> properties plus document-domain.html
9045//         file to address access denied issues when setting document.domain in
9046//         IE6/7.
9047// 1.2   - (2/11/2010) Fixed a bug where coming back to a page using this plugin
9048//         from a page on another domain would cause an error in Safari 4. Also,
9049//         IE6/7 Iframe is now inserted after the body (this actually works),
9050//         which prevents the page from scrolling when the event is first bound.
9051//         Event can also now be bound before DOM ready, but it won't be usable
9052//         before then in IE6/7.
9053// 1.1   - (1/21/2010) Incorporated document.documentMode test to fix IE8 bug
9054//         where browser version is incorrectly reported as 8.0, despite
9055//         inclusion of the X-UA-Compatible IE=EmulateIE7 meta tag.
9056// 1.0   - (1/9/2010) Initial Release. Broke out the jQuery BBQ event.special
9057//         window.onhashchange functionality into a separate plugin for users
9058//         who want just the basic event & back button support, without all the
9059//         extra awesomeness that BBQ provides. This plugin will be included as
9060//         part of jQuery BBQ, but also be available separately.
9061
9062(function ($, window, undefined) {
9063    '$:nomunge'; // Used by YUI compressor.
9064
9065    // Reused string.
9066    var str_hashchange = 'hashchange',
9067
9068        // Method / object references.
9069        doc = document,
9070        fake_onhashchange,
9071        special = $.event.special,
9072
9073        // Does the browser support window.onhashchange? Note that IE8 running in
9074        // IE7 compatibility mode reports true for 'onhashchange' in window, even
9075        // though the event isn't supported, so also test document.documentMode.
9076        doc_mode = doc.documentMode,
9077        supports_onhashchange = 'on' + str_hashchange in window && (doc_mode === undefined || doc_mode > 7);
9078
9079    // Get location.hash (or what you'd expect location.hash to be) sans any
9080    // leading #. Thanks for making this necessary, Firefox!
9081    function get_fragment(url) {
9082        url = url || location.href;
9083        return '#' + url.replace(/^[^#]*#?(.*)$/, '$1');
9084    };
9085
9086    // Method: jQuery.fn.hashchange
9087    // 
9088    // Bind a handler to the window.onhashchange event or trigger all bound
9089    // window.onhashchange event handlers. This behavior is consistent with
9090    // jQuery's built-in event handlers.
9091    // 
9092    // Usage:
9093    // 
9094    // > jQuery(window).hashchange( [ handler ] );
9095    // 
9096    // Arguments:
9097    // 
9098    //  handler - (Function) Optional handler to be bound to the hashchange
9099    //    event. This is a "shortcut" for the more verbose form:
9100    //    jQuery(window).bind( 'hashchange', handler ). If handler is omitted,
9101    //    all bound window.onhashchange event handlers will be triggered. This
9102    //    is a shortcut for the more verbose
9103    //    jQuery(window).trigger( 'hashchange' ). These forms are described in
9104    //    the <hashchange event> section.
9105    // 
9106    // Returns:
9107    // 
9108    //  (jQuery) The initial jQuery collection of elements.
9109
9110    // Allow the "shortcut" format $(elem).hashchange( fn ) for binding and
9111    // $(elem).hashchange() for triggering, like jQuery does for built-in events.
9112    $.fn[str_hashchange] = function (fn) {
9113        return fn ? this.bind(str_hashchange, fn) : this.trigger(str_hashchange);
9114    };
9115
9116    // Property: jQuery.fn.hashchange.delay
9117    // 
9118    // The numeric interval (in milliseconds) at which the <hashchange event>
9119    // polling loop executes. Defaults to 50.
9120
9121    // Property: jQuery.fn.hashchange.domain
9122    // 
9123    // If you're setting document.domain in your JavaScript, and you want hash
9124    // history to work in IE6/7, not only must this property be set, but you must
9125    // also set document.domain BEFORE jQuery is loaded into the page. This
9126    // property is only applicable if you are supporting IE6/7 (or IE8 operating
9127    // in "IE7 compatibility" mode).
9128    // 
9129    // In addition, the <jQuery.fn.hashchange.src> property must be set to the
9130    // path of the included "document-domain.html" file, which can be renamed or
9131    // modified if necessary (note that the document.domain specified must be the
9132    // same in both your main JavaScript as well as in this file).
9133    // 
9134    // Usage:
9135    // 
9136    // jQuery.fn.hashchange.domain = document.domain;
9137
9138    // Property: jQuery.fn.hashchange.src
9139    // 
9140    // If, for some reason, you need to specify an Iframe src file (for example,
9141    // when setting document.domain as in <jQuery.fn.hashchange.domain>), you can
9142    // do so using this property. Note that when using this property, history
9143    // won't be recorded in IE6/7 until the Iframe src file loads. This property
9144    // is only applicable if you are supporting IE6/7 (or IE8 operating in "IE7
9145    // compatibility" mode).
9146    // 
9147    // Usage:
9148    // 
9149    // jQuery.fn.hashchange.src = 'path/to/file.html';
9150
9151    $.fn[str_hashchange].delay = 50;
9152    /*
9153    $.fn[ str_hashchange ].domain = null;
9154    $.fn[ str_hashchange ].src = null;
9155    */
9156
9157    // Event: hashchange event
9158    // 
9159    // Fired when location.hash changes. In browsers that support it, the native
9160    // HTML5 window.onhashchange event is used, otherwise a polling loop is
9161    // initialized, running every <jQuery.fn.hashchange.delay> milliseconds to
9162    // see if the hash has changed. In IE6/7 (and IE8 operating in "IE7
9163    // compatibility" mode), a hidden Iframe is created to allow the back button
9164    // and hash-based history to work.
9165    // 
9166    // Usage as described in <jQuery.fn.hashchange>:
9167    // 
9168    // > // Bind an event handler.
9169    // > jQuery(window).hashchange( function(e) {
9170    // >   var hash = location.hash;
9171    // >   ...
9172    // > });
9173    // > 
9174    // > // Manually trigger the event handler.
9175    // > jQuery(window).hashchange();
9176    // 
9177    // A more verbose usage that allows for event namespacing:
9178    // 
9179    // > // Bind an event handler.
9180    // > jQuery(window).bind( 'hashchange', function(e) {
9181    // >   var hash = location.hash;
9182    // >   ...
9183    // > });
9184    // > 
9185    // > // Manually trigger the event handler.
9186    // > jQuery(window).trigger( 'hashchange' );
9187    // 
9188    // Additional Notes:
9189    // 
9190    // * The polling loop and Iframe are not created until at least one handler
9191    //   is actually bound to the 'hashchange' event.
9192    // * If you need the bound handler(s) to execute immediately, in cases where
9193    //   a location.hash exists on page load, via bookmark or page refresh for
9194    //   example, use jQuery(window).hashchange() or the more verbose 
9195    //   jQuery(window).trigger( 'hashchange' ).
9196    // * The event can be bound before DOM ready, but since it won't be usable
9197    //   before then in IE6/7 (due to the necessary Iframe), recommended usage is
9198    //   to bind it inside a DOM ready handler.
9199
9200    // Override existing $.event.special.hashchange methods (allowing this plugin
9201    // to be defined after jQuery BBQ in BBQ's source code).
9202    special[str_hashchange] = $.extend(special[str_hashchange], {
9203
9204        // Called only when the first 'hashchange' event is bound to window.
9205        setup: function () {
9206            // If window.onhashchange is supported natively, there's nothing to do..
9207            if (supports_onhashchange) { return false; }
9208
9209            // Otherwise, we need to create our own. And we don't want to call this
9210            // until the user binds to the event, just in case they never do, since it
9211            // will create a polling loop and possibly even a hidden Iframe.
9212            $(fake_onhashchange.start);
9213        },
9214
9215        // Called only when the last 'hashchange' event is unbound from window.
9216        teardown: function () {
9217            // If window.onhashchange is supported natively, there's nothing to do..
9218            if (supports_onhashchange) { return false; }
9219
9220            // Otherwise, we need to stop ours (if possible).
9221            $(fake_onhashchange.stop);
9222        }
9223
9224    });
9225
9226    // fake_onhashchange does all the work of triggering the window.onhashchange
9227    // event for browsers that don't natively support it, including creating a
9228    // polling loop to watch for hash changes and in IE 6/7 creating a hidden
9229    // Iframe to enable back and forward.
9230    fake_onhashchange = (function () {
9231        var self = {},
9232            timeout_id,
9233
9234            // Remember the initial hash so it doesn't get triggered immediately.
9235            last_hash = get_fragment(),
9236
9237            fn_retval = function (val) { return val; },
9238            history_set = fn_retval,
9239            history_get = fn_retval;
9240
9241        // Start the polling loop.
9242        self.start = function () {
9243            timeout_id || poll();
9244        };
9245
9246        // Stop the polling loop.
9247        self.stop = function () {
9248            timeout_id && clearTimeout(timeout_id);
9249            timeout_id = undefined;
9250        };
9251
9252        // This polling loop checks every $.fn.hashchange.delay milliseconds to see
9253        // if location.hash has changed, and triggers the 'hashchange' event on
9254        // window when necessary.
9255        function poll() {
9256            var hash = get_fragment(),
9257                history_hash = history_get(last_hash);
9258
9259            if (hash !== last_hash) {
9260                history_set(last_hash = hash, history_hash);
9261
9262                $(window).trigger(str_hashchange);
9263
9264            } else if (history_hash !== last_hash) {
9265                location.href = location.href.replace(/#.*/, '') + history_hash;
9266            }
9267
9268            timeout_id = setTimeout(poll, $.fn[str_hashchange].delay);
9269        };
9270
9271        // vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv
9272        // vvvvvvvvvvvvvvvvvvv REMOVE IF NOT SUPPORTING IE6/7/8 vvvvvvvvvvvvvvvvvvv
9273        // vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv
9274        /* $.browser.msie && !supports_onhashchange && (function () {
9275            // Not only do IE6/7 need the "magical" Iframe treatment, but so does IE8
9276            // when running in "IE7 compatibility" mode.
9277
9278            var iframe,
9279                iframe_src;
9280
9281            // When the event is bound and polling starts in IE 6/7, create a hidden
9282            // Iframe for history handling.
9283            self.start = function () {
9284                if (!iframe) {
9285                    iframe_src = $.fn[str_hashchange].src;
9286                    iframe_src = iframe_src && iframe_src + get_fragment();
9287
9288                    // Create hidden Iframe. Attempt to make Iframe as hidden as possible
9289                    // by using techniques from http://www.paciellogroup.com/blog/?p=604.
9290                    iframe = $('<iframe tabindex="-1" title="empty"/>').hide()
9291
9292                        // When Iframe has completely loaded, initialize the history and
9293                        // start polling.
9294                        .one('load', function () {
9295                            iframe_src || history_set(get_fragment());
9296                            poll();
9297                        })
9298
9299                        // Load Iframe src if specified, otherwise nothing.
9300                        .attr('src', iframe_src || 'javascript:0')
9301
9302                        // Append Iframe after the end of the body to prevent unnecessary
9303                        // initial page scrolling (yes, this works).
9304                        .insertAfter('body')[0].contentWindow;
9305
9306                    // Whenever `document.title` changes, update the Iframe's title to
9307                    // prettify the back/next history menu entries. Since IE sometimes
9308                    // errors with "Unspecified error" the very first time this is set
9309                    // (yes, very useful) wrap this with a try/catch block.
9310                    doc.onpropertychange = function () {
9311                        try {
9312                            if (event.propertyName === 'title') {
9313                                iframe.document.title = doc.title;
9314                            }
9315                        } catch (e) { }
9316                    };
9317
9318                }
9319            };
9320
9321            // Override the "stop" method since an IE6/7 Iframe was created. Even
9322            // if there are no longer any bound event handlers, the polling loop
9323            // is still necessary for back/next to work at all!
9324            self.stop = fn_retval;
9325
9326            // Get history by looking at the hidden Iframe's location.hash.
9327            history_get = function () {
9328                return get_fragment(iframe.location.href);
9329            };
9330
9331            // Set a new history item by opening and then closing the Iframe
9332            // document, *then* setting its location.hash. If document.domain has
9333            // been set, update that as well.
9334            history_set = function (hash, history_hash) {
9335                var iframe_doc = iframe.document,
9336                    domain = $.fn[str_hashchange].domain;
9337
9338                if (hash !== history_hash) {
9339                    // Update Iframe with any initial `document.title` that might be set.
9340                    iframe_doc.title = doc.title;
9341
9342                    // Opening the Iframe's document after it has been closed is what
9343                    // actually adds a history entry.
9344                    iframe_doc.open();
9345
9346                    // Set document.domain for the Iframe document as well, if necessary.
9347
9348
9349                    iframe_doc.close();
9350
9351                    // Update the Iframe's hash, for great justice.
9352                    iframe.location.hash = hash;
9353                }
9354            };
9355
9356        })();
9357        */
9358        // ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
9359        // ^^^^^^^^^^^^^^^^^^^ REMOVE IF NOT SUPPORTING IE6/7/8 ^^^^^^^^^^^^^^^^^^^
9360        // ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
9361
9362        return self;
9363    })();
9364
9365})(jQuery, this);
9366
9367/*!
9368 * JavaScript Cookie v2.1.4
9369 * https://github.com/js-cookie/js-cookie
9370 *
9371 * Copyright 2006, 2015 Klaus Hartl & Fagner Brack
9372 * Released under the MIT license
9373 */
9374!function(e) {
9375    var n = !1;
9376    if ("function" == typeof define && define.amd && (define(e),
9377    n = !0),
9378    "object" == typeof exports && (module.exports = e(),
9379    n = !0),
9380    !n) {
9381        var o = window.Cookies
9382          , t = window.Cookies = e();
9383        t.noConflict = function() {
9384            return window.Cookies = o,
9385            t
9386        }
9387    }
9388}(function() {
9389    function e() {
9390        for (var e = 0, n = {}; e < arguments.length; e++) {
9391            var o = arguments[e];
9392            for (var t in o)
9393                n[t] = o[t]
9394        }
9395        return n
9396    }
9397    function n(o) {
9398        function t(n, r, i) {
9399            var c;
9400            if ("undefined" != typeof document) {
9401                if (arguments.length > 1) {
9402                    if ("number" == typeof (i = e({
9403                        path: "/"
9404                    }, t.defaults, i)).expires) {
9405                        var a = new Date;
9406                        a.setMilliseconds(a.getMilliseconds() + 864e5 * i.expires),
9407                        i.expires = a
9408                    }
9409                    i.expires = i.expires ? i.expires.toUTCString() : "";
9410                    try {
9411                        c = JSON.stringify(r),
9412                        /^[\{\[]/.test(c) && (r = c)
9413                    } catch (m) {}
9414                    r = o.write ? o.write(r, n) : encodeURIComponent(String(r)).replace(/%(23|24|26|2B|3A|3C|3E|3D|2F|3F|40|5B|5D|5E|60|7B|7D|7C)/g, decodeURIComponent),
9415                    n = (n = (n = encodeURIComponent(String(n))).replace(/%(23|24|26|2B|5E|60|7C)/g, decodeURIComponent)).replace(/[\(\)]/g, escape);
9416                    var f = "";
9417                    for (var s in i)
9418                        i[s] && (f += "; " + s,
9419                        !0 !== i[s] && (f += "=" + i[s]));
9420                    return document.cookie = n + "=" + r + f
9421                }
9422                n || (c = {});
9423                for (var p = document.cookie ? document.cookie.split("; ") : [], d = /(%[0-9A-Z]{2})+/g, u = 0; u < p.length; u++) {
9424                    var l = p[u].split("=")
9425                      , C = l.slice(1).join("=");
9426                    '"' === C.charAt(0) && (C = C.slice(1, -1));
9427                    try {
9428                        var g = l[0].replace(d, decodeURIComponent);
9429                        if (C = o.read ? o.read(C, g) : o(C, g) || C.replace(d, decodeURIComponent),
9430                        this.json)
9431                            try {
9432                                C = JSON.parse(C)
9433                            } catch (m) {}
9434                        if (n === g) {
9435                            c = C;
9436                            break
9437                        }
9438                        n || (c[g] = C)
9439                    } catch (m) {}
9440                }
9441                return c
9442            }
9443        }
9444        return t.set = t,
9445        t.get = function(e) {
9446            return t.call(t, e)
9447        }
9448        ,
9449        t.getJSON = function() {
9450            return t.apply({
9451                json: !0
9452            }, [].slice.call(arguments))
9453        }
9454        ,
9455        t.defaults = {},
9456        t.remove = function(n, o) {
9457            t(n, "", e(o, {
9458                expires: -1
9459            }))
9460        }
9461        ,
9462        t.withConverter = n,
9463        t
9464    }
9465    return n(function() {})
9466});
9467
9468Number.prototype.MRound = function (mult) {
9469    if (isNaN(mult)) return null;
9470    mult = Number(mult);
9471    var temp = this % mult;
9472    temp = Number((this - temp).toFixed(0));
9473    if ((mult / 2) <= Math.abs(this - temp)) {
9474        if (temp < 0) temp -= mult;
9475        else temp += mult;
9476    }
9477    return temp;
9478};
9479
9480String.prototype.ucfirst = function (notrim) {
9481    s = notrim ? this : this.replace(/(?:(?:^|\n)\s+|\s+(?:$|\n))/g, '').replace(/\s+/g, ' ');
9482    return s.length > 0 ? s.charAt(0).toUpperCase() + s.slice(1) : s;
9483}
9484
9485var stickyNavOffset = 0;
9486
9487jQuery(document).on('gform_post_render', function(){
9488    jQuery('input[value="communication_value"]').attr('data-key', 'communication_value');
9489    jQuery('input[data-key="communication_value"]').val('');
9490
9491    jQuery('.marketing-checkbox input[type="checkbox"], .country-dropdown select').on('change', function(){
9492         setTimeout(() => {
9493        if(jQuery('.marketing-checkbox').is(':visible')){
9494          jQuery('input[data-key="communication_value"]').val(jQuery('.marketing-checkbox input[type="checkbox"]').is(':checked') ? 1 : 0);
9495        }else{
9496            jQuery('input[data-key="communication_value"]').val('');
9497        }
9498    }, 50);
9499    });
9500});
9501var tabsOpen = localStorage.getItem('tabsOpen');
9502if (tabsOpen == null ) {
9503    localStorage.setItem('tabsOpen', 1);
9504} else {
9505    localStorage.setItem('tabsOpen', parseInt(tabsOpen) + parseInt(1));
9506}
9507window.onunload = function (e) {
9508    const newTabCount = localStorage.getItem('tabsOpen')
9509    if (newTabCount !== null) {
9510        localStorage.setItem('tabsOpen', newTabCount - 1)
9511    }
9512}
9513jQuery(document).ready(function() {
9514  AOS.init({
9515       duration: 650,
9516		offset: 20,
9517       once: true
9518    });
9519    jQuery(".menu-hover").hover(
9520         function () {
9521            jQuery(this).parent('ul.sub-menu').parent('li').parent('ul.sub-menu').addClass("show");
9522         }
9523    );
9524  //jQuery(document).on("mouseover", function(event) {
9525    //    if (jQuery(event.target).closest(".sub-menu.show").length === 0) {
9526     //       jQuery(".sub-menu.show").removeClass("show");
9527     //   }
9528    //});
9529    // jQuery('.products-menu').hover(function(){
9530    //   jQuery(this).find('.sub-menu').addClass('show');
9531    // });
9532    //   jQuery('.products-menu').on("mouseleave", function(){
9533    //   jQuery(this).find('.sub-menu').removeClass('show');
9534    // });
9535    jQuery("li.footer-toogle > a").click(function(event) {
9536        //event.preventDefault();
9537        jQuery(this).parent().toggleClass("open");
9538        jQuery(this).parent().find('ul').slideToggle();
9539    });
9540    jQuery("li.header-toggle > a").click(function(event) {
9541        //event.preventDefault();
9542        if(jQuery(this).parent().hasClass('open')){
9543            jQuery(this).parent().removeClass("open");
9544            jQuery('.menu-overlay').removeClass('show');
9545        }else{
9546            jQuery('.menu-overlay').addClass('show');
9547            jQuery('li.header-toggle').removeClass('open');
9548            jQuery(this).parent().addClass("open");
9549        }
9550    });
9551    jQuery('.menu-overlay').click(function(){
9552        jQuery(this).removeClass('show');
9553        jQuery('li.header-toggle').removeClass('open');
9554    });
9555    jQuery(".icon-toggle-menu").click(function() {
9556        jQuery(".common-header").addClass("open");
9557        jQuery("body").addClass("no-scroll");
9558    });
9559    jQuery(".close-nav, .overlay").click(function() {
9560        jQuery(".common-header, li.header-toggle").removeClass("open");
9561        jQuery("body").removeClass("no-scroll");
9562    });
9563    jQuery(".search-icon").click(function(event) {
9564        jQuery('.search-form-wrapper').addClass('open');
9565        jQuery("body").addClass("no-scroll");
9566    });
9567    jQuery(".close-search-form").click(function(event) {
9568        jQuery('.search-form-wrapper').removeClass('open');
9569        jQuery("body").removeClass("no-scroll");
9570    });
9571});});</script>
9571<script type="text/javascript" id="sns_scripts_in_head">window.addEventListener('DOMContentLoaded', function() {if (typeof jQuery.fn.bxSlider === 'undefined') {
9572  jQuery.fn.bxSlider = function() {
9573    return this; // no-op, keeps chaining safe
9574  };
9575}
9576if (typeof essbPinImages === "undefined") {
9577  window.essbPinImages = function() {
9578    // no-op stub — real ESSB script didn't load
9579  };
9580}
vendor: 112 bytes, lines 9580-9583
9580
9581(function(h,o,t,j,a,r){
9582  h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
9583  h._hjSettings={hjid:
95833597462
vendor: 238 bytes, lines 9583-9589
9583,hjsv:6};
9584  a=o.getElementsByTagName('head')[0];
9585  r=o.createElement('script');r.async=1;
9586  r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
9587  a.appendChild(r);
9588})(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
9589
9590});</script>
9590
9591 
9591<script type="application/ld+json">
9592{
9593  "@context": "https://schema.org",
9594  "@type": "Corporation",
9595  "name": "Sencha",
9596  "alternateName": "SNC",
9597  "url": "https://www.sencha.com/",
9598  "logo": "https://www.ideracorp.com/~/media/iderainc/logos/Sencha-300px",
9599  "contactPoint": {
9600    "@type": "ContactPoint",
9601    "telephone": "1 (650) 299-9550",
9602    "contactType": "customer service",
9603    "areaServed": ["US","GB","CA"],
9604    "availableLanguage": "en"
9605  },
9606  "sameAs": [
9607    "https://www.facebook.com/senchainc/",
9608    "https://twitter.com/Sencha",
9609    "https://github.com/sencha",
9610    "https://www.sencha.com/",
9611    "https://www.youtube.com/c/sencha",
9612    "https://www.linkedin.com/company/sencha-inc"
9613  ]
9614}
9615</script>
9615
9616<script type="application/ld+json">
9617{
9618  "@context": "https://schema.org/", 
9619  "@type": "Product", 
9620  "name": "Sencha",
9621  "image": "https://www.ideracorp.com/~/media/iderainc/logos/Sencha-600px",
9622  "description": "The enterprise-grade UI framework for building complex, data-rich, modern, cross-platform web and mobile applications with powerful data grid capabilities",
9623  "brand": {
9624    "@type": "Brand",
9625    "name": "Sencha Ext JS"
9626  },
9627  "offers": {
9628    "@type": "Offer",
9629    "url": "https://store.sencha.com/#retail",
9630    "priceCurrency": "USD",
9631    "price": "1895",
9632    "availability": "https://schema.org/OnlineOnly",
9633    "itemCondition": "https://schema.org/NewCondition"
9634  },
9635  "aggregateRating": {
9636    "@type": "AggregateRating",
9637    "ratingValue": "5",
9638    "bestRating": "5",
9639    "worstRating": "4",
9640    "ratingCount": "111"
9641  }
9642}
9643</script>
9643
9644<script type="application/ld+json">
9645{
9646  "@context": "https://schema.org",
9647  "@type": "ProfessionalService",
9648  "name": "sencha",
9649  "image": "https://www.sencha.com/wp-content/uploads/2019/06/Screenshot-SenchaKitchenSink.png",
9650  "@id": "https://www.sencha.com/",
9651  "url": "https://www.sencha.com/",
9652  "telephone": "1 (650) 299-9550",
9653  "priceRange": "$1295-$1545",
9654  "address": {
9655    "@type": "PostalAddress",
9656    "streetAddress": "10801 N Mopac Expy #100",
9657    "addressLocality": "Austin",
9658    "addressRegion": "TX",
9659    "postalCode": "TX 78759",
9660    "addressCountry": "US"
9661  },
9662  "geo": {
9663    "@type": "GeoCoordinates",
9664    "latitude": 30.396670,
9665    "longitude": -97.730550
9666  },
9667  "openingHoursSpecification": {
9668    "@type": "OpeningHoursSpecification",
9669    "dayOfWeek": [
9670      "Monday",
9671      "Tuesday",
9672      "Wednesday",
9673      "Thursday",
9674      "Friday",
9675      "Saturday",
9676      "Sunday"
9677    ],
9678    "opens": "00:00",
9679    "closes": "23:59"
9680  },
9681  "sameAs": [
9682    "https://github.com/sencha",
9683    "https://www.youtube.com/c/sencha",
9684    "https://www.facebook.com/senchainc/",
9685    "https://www.youtube.com/c/sencha",
9686    "https://www.linkedin.com/company/sencha-inc"
9687  ] 
9688}
9689</script>
9689
9690<script type="application/ld+json">
9691{
9692  "@context": "https://schema.org",
9693  "@type": "FAQPage",
9694  "mainEntity": [
9695    {
9696      "@type": "Question",
9697      "name": "What is Ext JS?",
9698      "acceptedAnswer": {
9699        "@type": "Answer",
9700        "text": "Ext JS is a powerful and comprehensive JavaScript framework for building data-intensive, cross-platform web applications with a rich user interface. It provides a wide range of pre-built UI components, data handling capabilities, and a robust architecture to streamline the development process."
9701      }
9702    },
9703    {
9704      "@type": "Question",
9705      "name": "What does Ext JS stand for?",
9706      "acceptedAnswer": {
9707        "@type": "Answer",
9708        "text": "Ext JS stands for 'Extended JavaScript.' It’s a comprehensive JavaScript framework developed by Sencha for building comprehensive web and mobile applications."
9709      }
9710    },
9711    {
9712      "@type": "Question",
9713      "name": "When should you use Ext JS?",
9714      "acceptedAnswer": {
9715        "@type": "Answer",
9716        "text": "Ext JS is a suitable choice when you need to develop complex web applications with rich user interfaces and extensive features. It excels in creating data-intensive, cross-platform applications that require advanced UI components and a structured architecture."
9717      }
9718    },
9719    {
9720      "@type": "Question",
9721      "name": "Can you build SPAs with Ext JS?",
9722      "acceptedAnswer": {
9723        "@type": "Answer",
9724        "text": "Yes, Ext JS can be used to build single-page applications (SPAs). It provides the necessary tools and components to create modern SPAs with dynamic content loading and seamless user experiences."
9725      }
9726    },
9727    {
9728      "@type": "Question",
9729      "name": "Can Ext JS handle large applications?",
9730      "acceptedAnswer": {
9731        "@type": "Answer",
9732        "text": "Yes, Ext JS is designed to handle large and complex applications. Its modular architecture and component-based approach facilitate the development of scalable applications that can manage a high volume of data and interactions. Ext JS data grid is a leading JavaScript Grid that can handle millions of records efficiently. Moreover, it offers advanced grid features, such as grouping, filtering, sorting, infinite scrolling, row selection, paging, live data rendering, and more."
9733      }
9734    },
9735    {
9736      "@type": "Question",
9737      "name": "Does Ext JS support building mobile apps?",
9738      "acceptedAnswer": {
9739        "@type": "Answer",
9740        "text": "Yes, Ext JS offers tools and components for building responsive and mobile-friendly applications. It provides a responsive layout system and touch-optimized UI components for creating cross-platform mobile apps."
9741      }
9742    },
9743    {
9744      "@type": "Question",
9745      "name": "Can I build desktop applications with Ext JS?",
9746      "acceptedAnswer": {
9747        "@type": "Answer",
9748        "text": "Yes, Ext JS can be used to build desktop applications as well. With its powerful UI components and layout system, you can create applications that run on both web browsers and desktop environments."
9749      }
9750    },
9751    {
9752      "@type": "Question",
9753      "name": "Can I use Ext JS in an existing project?",
9754      "acceptedAnswer": {
9755        "@type": "Answer",
9756        "text": "Yes, you can integrate Ext JS into existing projects. It offers flexibility and can be introduced incrementally, allowing you to leverage its components and features while integrating them into your current application."
9757      }
9758    },
9759    {
9760      "@type": "Question",
9761      "name": "How do you unit test Ext JS apps?",
9762      "acceptedAnswer": {
9763        "@type": "Answer",
9764        "text": "Ext JS provides a testing framework called Sencha Test that facilitates unit testing of your applications. Sencha Test allows you to write tests to verify the behavior of Ext JS components and ensure the robustness of your codebase."
9765      }
9766    },
9767    {
9768      "@type": "Question",
9769      "name": "Why should I use Ext JS instead of a framework like React or Angular?",
9770      "acceptedAnswer": {
9771        "@type": "Answer",
9772        "text": "Ext JS is a comprehensive framework that provides a wide range of UI components, tools, and features out of the box. It's a suitable choice when you need an integrated solution for building data-intensive applications with complex UI requirements."
9773      }
9774    },
9775    {
9776      "@type": "Question",
9777      "name": "How is Ext JS different from Angular?",
9778      "acceptedAnswer": {
9779        "@type": "Answer",
9780        "text": "While both Ext JS and Angular are JavaScript frameworks, Ext JS offers a more extensive set of UI components and a comprehensive feature set. Ext JS follows a component-driven approach, whereas Angular relies on a more modular and declarative architecture."
9781      }
9782    },
9783    {
9784      "@type": "Question",
9785      "name": "How is Ext JS different from React?",
9786      "acceptedAnswer": {
9787        "@type": "Answer",
9788        "text": "Ext JS and React differ in their approaches. Ext JS is a full-fledged framework that includes UI components and tools for building applications, while React focuses on the UI layer and works well in combination with other libraries or frameworks to build complete applications."
9789      }
9790    }
9791  ]
9792}</script>
9792<link rel="preload" href="/wp-content/themes/sencha/fonts/OpenSans-Regular.woff" as="font" type="font/woff" crossorigin>
9793<link rel="preload" href="/wp-content/themes/sencha/fonts/OpenSans-Bold.woff" as="font" type="font/woff" crossorigin>
9794<link rel="preload" href="/wp-content/themes/sencha/fonts/OpenSans-SemiBold.woff" as="font" type="font/woff" crossorigin>
9795
9796<link rel="preload" href="/wp-content/themes/sencha/fonts/icomoon.woff?v21" as="font" type="font/woff" crossorigin>
9797
9798<!-- Reddit Pixel -->
9799<script>
9800  !function(w,d){if(!w.rdt){var p=w.rdt=function(){p.sendEvent?p.sendEvent.apply(p,arguments):p.callQueue.push(arguments)};p.callQueue=[];var t=d.createElement("script");t.src="https://www.redditstatic.com/ads/pixel.js",t.async=!0;var s=d.getElementsByTagName("script")[0];s.parentNode.insertBefore(t,s)}}(window,document);rdt('init','t2_b4y55iwy8');rdt('track', 'PageVisit');
9801 </script>
9801 <!-- DO NOT MODIFY UNLESS TO REPLACE A USER IDENTIFIER --> <!-- End Reddit Pixel -->
9802<!-- DO NOT MODIFY -->
9803<!-- Quora Pixel Code (JS Helper) -->
9804<script>
9805!function(q,e,v,n,t,s){if(q.qp) return; n=q.qp=function(){n.qp?n.qp.apply(n,arguments):n.queue.push(arguments);}; n.queue=[];t=document.createElement(e);t.async=!0;t.src=v; s=document.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t,s);}(window, 'script', 'https://a.quora.com/qevents.js');
9806qp('init', '37f58aa27b4e43ae873d4bb7611880ed');
9807qp('track', 'ViewContent');
9808</script>
9808
9809<noscript><img height="1" width="1" style="display:none" src="https://q.quora.com/_/ad/37f58aa27b4e43ae873d4bb7611880ed/pixel?tag=ViewContent&noscript=1"/></noscript>
9810<!-- End of Quora Pixel Code -->
9811<script data-minify="1" src="https://www.sencha.com/wp-content/cache/min/1/analytics.js?ver=1789670438" data-key="96Xwkajz56/T5rVmLLs42g" async></script>
9811
9812
9813<script>
9814const THEME_KEY = "senchaTheme";
9815
9816// Apply theme immediately
9817const storedTheme = localStorage.getItem(THEME_KEY);
9818
9819if (storedTheme === "light" || storedTheme === "dark") {
9820  document.documentElement.classList.remove("light", "dark");
9821  document.documentElement.classList.add(storedTheme);
9822}
9823
9824// Wait until the DOM is ready
9825document.addEventListener("DOMContentLoaded", () => {
9826  const btn = document.querySelector(".theme-switch input");
9827  if (!btn) return;
9828
9829  // Set initial toggle state
9830  btn.checked = document.documentElement.classList.contains("dark");
9831
9832  // Toggle theme
9833  btn.addEventListener("click", () => {
9834    const newTheme = document.documentElement.classList.contains("dark")
9835      ? "light"
9836      : "dark";
9837
9838    document.documentElement.classList.remove("light", "dark");
9839    document.documentElement.classList.add(newTheme);
9840
9841    localStorage.setItem(THEME_KEY, newTheme);
9842    btn.checked = newTheme === "dark";
9843  });
9844});
9845</script>
9845<style>
9846	/* Basic */
9847    body {
9848        --bg-color: #fff;
9849        --text-color: #303030;
9850        --switch-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.1) inset;
9851        --transition: all 0.3s cubic-bezier(0.76, 0, 0.24, 1);
9852    }
9853    .dark body {
9854        --bg-color: #292639;
9855        --text-color: #ebeaf7;
9856        --switch-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.5) inset;
9857    }
9858    .mini-header-content .right-part {
9859        display: flex;
9860        gap: 20px;
9861    }
9862    .theme-switch {
9863        display: flex !important;
9864    }
9865    .dark .content .entry {
9866        background: #000;
9867    }
9868    .dark ul.header-nav > .menu-item > .sub-menu {
9869        background: #2e2e2e;
9870    }
9871    .dark ul.header-nav .products-menu .left-img-section,
9872    .dark body .common-header {
9873        background: #202020;
9874    }
9875    .dark ul.header-nav .menu-item.more-ui-components a {
9876        background: #444242;
9877        color: #fff;
9878    }
9879    .dark ul.header-nav > .menu-item.open > a > .cs-icon,
9880    .dark ul.header-nav .menu-item.open > a,
9881    .dark ul.header-nav .menu-item.left-img-section > .sub-menu > .menu-item:not(.sub-menu-btn) a:hover span,
9882    .dark ul.header-nav .sub-menu .menu-item a .cs-icon,
9883    .dark ul.header-nav > .menu-item > .sub-menu > .menu-item > a {
9884        color: #fff;
9885    }
9886    .dark span.sencha-ai-link img,
9887    .dark span.sencha-ai-link svg {
9888        filter: invert(1);
9889    }
9890    .dark .company-content .company-carousel::after {
9891        background: linear-gradient(to left, #000 20%, transparent);
9892    }
9893    .dark .company-content .company-carousel::before {
9894        background: linear-gradient(to right, #000 20%, transparent);
9895    }
9896    html.dark {
9897        background: #000;
9898        color: #fff;
9899        --clr-gray: 224 224 224 !important;
9900    }
9901    .dark .web-apps-desc .left-part.block h4,
9902    html.dark .heading-one {
9903        color: #fff;
9904    }
9905    .dark .footer {
9906        background: #212121;
9907    }
9908    .dark .header-content .logo a img {
9909        content: url("/wp-content/uploads/2026/06/logo-light.png");
9910    }
9911    .dark .newsletter-content .form-control {
9912        background: #212121;
9913    }
9914    .dark .header-content .header-nav {
9915        background: #212121;
9916    }
9917    .dark .form-wrapper {
9918        background-color: #000;
9919        border-color: #212121;
9920    }
9921    .dark .select2-container--default .select2-selection--single,
9922    .dark form.eloqua_form .form-row :is(input, select, textarea):not([type="checkbox"]) {
9923        color: #efefef;
9924        background-color: #444;
9925    }
9926    .dark .select2-container--default .select2-results__option--selected {
9927        background-color: #333;
9928    }
9929    .dark .title-price.accordion-head:hover {
9930        background-color: #404040;
9931    }
9932    .dark .select2-dropdown {
9933        background-color: #212121;
9934        border-color: #444;
9935    }
9936    .dark .select2-container--default .select2-search--dropdown .select2-search__field {
9937        border: 1px solid #666666;
9938        background: #444;
9939        color: #efefef;
9940    }
9941    .dark .web-apps-block img {
9942        filter: invert(1) hue-rotate(100deg) brightness(1.4);
9943    }
9944    .dark .cs-other-popup-contents .form-wrapper {
9945        background-color: #212121;
9946    }
9947    .dark .cs-other-popup-contents .form-wrapper h2 {
9948        color: #86bc40 !important;
9949    }
9950    .dark .cs-other-popup-contents .form-wrapper h3 {
9951        color: #fff !important;
9952    }
9953    .dark .select2-container--default .select2-selection--single .select2-selection__rendered {
9954        color: #efefef;
9955    }
9956    .dark button.cs-other-popup-close {
9957        color: #fff;
9958    }
9959    .dark form.eloqua_form a {
9960        color: #86bc40;
9961    }
9962    .dark .cs-hero-logo-light,
9963    .cs-hero-logo-dark {
9964        display: none;
9965    }
9966    .dark .cs-hero-logo-dark {
9967        display: block;
9968    }
9969    @media screen and (min-width: 1101px) {
9970        ul.header-nav .menu-item a,
9971        ul.header-nav .menu-item a .cs-icon,
9972        ul.header-nav .menu-item {
9973            transition:
9974                transform 0.3s ease,
9975                color 0s;
9976        }
9977    }
9978    @media screen and (min-width: 1201px) {
9979        .dark .company-overlay {
9980            background-color: rgb(32 32 32 / 40%);
9981        }
9982    }
9983    @media screen and (max-width: 991px) {
9984        .mini-header-content {
9985            justify-content: space-between !important;
9986            text-align: left;
9987            gap: 8px;
9988        }
9989		.dark .main-content .rext-mobile-details p{
9990			color: #dfdfdf;
9991		}
9992    }
9993
9994	/* Page */
9995	:root.dark {
9996		--clr-bg: #000;
9997		--clr-text-dark: #FFF;
9998	}
9999	.dark * {
10000		color: rgb(var(--clr-gray));
10001	}
10002	.dark .main-content .extjs-hero {
10003		background: linear-gradient(180deg, #142300 0%, #132300 18%, var(--clr-black) 48%);
10004	}
10005	.main-content .extjs-demo {
10006		border-color: #222;
10007	}
10008	.dark .main-content .iframe-skeleton {
10009		background: #131313;
10010	}
10011	.dark .main-content .iframe-skeleton .x-coresplash-title,
10012	.dark .main-content .iframe-skeleton .x-coresplash-message,
10013	.dark .main-content .extjs-hero__title,
10014	.dark .main-content .extjs-hero__subtitle,
10015	.dark .clr-extjs,
10016	.dark .clr-react,
10017	.dark .main-content .data-section__heading,
10018	.dark .main-content .data-card__title,
10019	.dark .main-content .gxt-section__description,
10020	.dark .main-content .gxt-chart-card__header h3,
10021	.dark .main-content .experience__text,
10022	.dark .main-content .review-sites__title,
10023	.dark .main-content .stat-item__label,
10024	.dark .main-content .rext-apps__title,
10025	.dark .main-content .rext-apps__title span,
10026	.dark .main-content .rext-apps__description p,
10027	.dark .main-content .rext-app-item__text h3,
10028	.dark .main-content .rext-app-item__text p,
10029	.dark .main-content .getting-started__title,
10030	.dark .main-content .getting-started__subtitle,
10031	.dark .main-content .getting-started__card h3,
10032	.dark .main-content .getting-started__card p {
10033		color: var(--clr-white);
10034	}
10035	.dark .main-content .companies,
10036	.dark .main-content .companies__heading,
10037	.dark .main-content .data-card,
10038	.dark .main-content .gxt-chart-card,
10039	.dark .main-content .why-extjs__card--light,
10040	.dark .main-content .why-extjs__card--mid,
10041	.dark .main-content .why-extjs__card--dark,
10042	.dark .main-content .stats-wrapper,
10043	.dark .main-content .stats-right,
10044	.dark .main-content .rext-app-item.is-active,
10045	.dark .main-content .getting-started-section {
10046		background: var(--clr-black);
10047	}
10048	.dark .main-content .extjs-hero__announcement {
10049		background: rgb(255 255 255 / 23%);
10050		color: #ffffff;
10051	}
10052	.dark .main-content .extjs-hero__announcement-dot {
10053		background: #ffffff;
10054	}
10055	.dark .main-content .extjs-hero__announcement-dot::before {
10056		background: #8f8f8f;
10057	}
10058	.dark .main-content .companies__heading {
10059		color: #DFDFDF;
10060	}
10061	.dark .main-content .data-section-content,
10062	.dark .main-content .rext-apps {
10063		background: #131313;
10064	}
10065	.dark .main-content .data-card__desc {
10066		color: #BBBBBB;
10067	}
10068	.dark .main-content .grid-stage {
10069		filter: invert(1) hue-rotate(99deg) brightness(1.7);
10070	}
10071	.dark .main-content .gxt-chart-card .iframe-wrapper iframe {
10072		filter: invert(1) hue-rotate(300deg);
10073	}
10074	.dark .hero-content {
10075		border-color: #5D5D5D;
10076	}
10077	.dark .cta-buttons__play::before {
10078		background: rgb(143, 196, 65, 0.42);
10079	}
10080	.dark .hero-img-btn .btn {
10081		background: #212121;
10082	}
10083	.dark .hero-img-btn img {
10084		filter: invert(1) grayscale(1);
10085	}
10086	.dark .hero-img-btn.advisor::before,
10087	.dark .hero-img-btn.reext::before {
10088		background: #FFF;
10089		box-shadow: 0 0 5px #cdcdcd;
10090	}
10091	.dark .hero-content .hero-img-wrapper > img {
10092		filter: brightness(100);
10093	}
10094	.dark section.hero .hero-img-btn .btn:hover,
10095	.dark section.hero .hero-img-btn.pulse .btn {
10096		color: #99c356 !important;
10097	}
10098	.dark .main-content .gxt-chart-card {
10099		border-color: #353535;
10100	}
10101	.dark .main-content .gxt-chart-card__header p {
10102		color: #C4C4C4;
10103	}
10104	.dark .main-content .why-extjs__card--light,
10105	.dark .main-content .why-extjs__card--mid,
10106	.dark .main-content .why-extjs__card--dark {
10107		border: 1px solid rgb(var(--clr-pri));
10108	}
10109	.dark .main-content .why-extjs__card-content h3,
10110	.dark .main-content .experience__number,
10111	.dark .main-content .experience__number span,
10112	.dark .main-content .stat-item__number {
10113		color: rgb(var(--clr-pri));
10114	}
10115	.dark .main-content .why-extjs__logo {
10116		background: linear-gradient(var(--clr-black), var(--clr-black)) padding-box,
10117        linear-gradient(145deg, #c9df32 0%, #8fc83e 45%, #00ae55 100%) border-box;
10118	}
10119	.dark .main-content .stats-wrapper,
10120	.dark .main-content .stats-left,
10121	.dark .main-content .stat-item,
10122	.dark .main-content .stats-top {
10123		border-color: #222;
10124	}
10125	.dark .main-content .stats-left {
10126		background: #1C2217;
10127	}
10128	.dark .main-content .getting-started__card--green {
10129		background: #1F2616;
10130		border-color: #404B2F;
10131	}
10132	.dark .main-content .getting-started__card--blue {
10133		background: #18272E;
10134		border-color: #344B5D;
10135	}
10136	.dark .main-content .getting-started__card--orange {
10137		background: #2D2116;
10138		border-color: #4A3A2B;
10139	}
10140	.dark .main-content .getting-started__icon img {
10141		filter: invert(1);
10142	}
10143	.dark .main-content .rext-video {
10144		background: linear-gradient(108.75deg, transparent 35%, rgba(var(--bg-color), 0.2) 100%) transparent;
10145	}
10146	.dark .newsletter-ui {
10147		background: #18272E;
10148	}
10149</style><link rel="icon" href="https://www.sencha.com/wp-content/uploads/2024/09/cropped-icon-product-ExtJS-removebg-preview-32x32.png" sizes="32x32" />
10150<link rel="icon" href="https://www.sencha.com/wp-content/uploads/2024/09/cropped-icon-product-ExtJS-removebg-preview-192x192.png" sizes="192x192" />
10151<link rel="apple-touch-icon" href="https://www.sencha.com/wp-content/uploads/2024/09/cropped-icon-product-ExtJS-removebg-preview-180x180.png" />
10152<meta name="msapplication-TileImage" content="https://www.sencha.com/wp-content/uploads/2024/09/cropped-icon-product-ExtJS-removebg-preview-270x270.png" />
10153		<style type="text/css" id="wp-custom-css">
10154			.country-phone-validation-group .country-select-field label.error {
10155    margin-top: 30px;
10156    display: inline-block;
10157    width: max-content;
10158}		</style>
10159		<noscript><style id="rocket-lazyload-nojs-css">.rll-youtube-player, [data-lazy-src]{display:none !important;}</style></noscript><style id="rocket-lazyrender-inline-css">[data-wpr-lazyrender] {content-visibility: auto;}</style><style id="wpr-lazyload-bg-container"></style><style id="wpr-lazyload-bg-exclusion">#preloader{--wpr-bg-023d9fde-9900-4ea0-b979-46628893cb4f: url('https://www.sencha.com/wp-content/themes/sencha/images/logo.png');}</style>
10160<noscript>
10161<style id="wpr-lazyload-bg-nostyle">.newsletter-content{--wpr-bg-475d06eb-6e23-4522-b8f6-19d6cd77ace4: url('https://www.sencha.com/wp-content/uploads/2024/01/newsletter-new-bg.png');}.main-content .security-cta__inner{--wpr-bg-4af277fc-12f8-4e95-aede-c69f7c0018ee: url('https://www.sencha.com/wp-content/uploads/2026/09/download-bg.png');}</style>
10162</noscript>
10163<script type="application/javascript">const rocket_pairs = [{"selector":".newsletter-content","style":".newsletter-content{--wpr-bg-475d06eb-6e23-4522-b8f6-19d6cd77ace4: url('https:\/\/www.sencha.com\/wp-content\/uploads\/2024\/01\/newsletter-new-bg.png');}","hash":"475d06eb-6e23-4522-b8f6-19d6cd77ace4","url":"https:\/\/www.sencha.com\/wp-content\/uploads\/2024\/01\/newsletter-new-bg.png"},{"selector":".main-content .security-cta__inner","style":".main-content .security-cta__inner{--wpr-bg-4af277fc-12f8-4e95-aede-c69f7c0018ee: url('https:\/\/www.sencha.com\/wp-content\/uploads\/2026\/09\/download-bg.png');}","hash":"4af277fc-12f8-4e95-aede-c69f7c0018ee","url":"https:\/\/www.sencha.com\/wp-content\/uploads\/2026\/09\/download-bg.png"}]; const rocket_excluded_pairs = [{"selector":"#preloader","style":"#preloader{--wpr-bg-023d9fde-9900-4ea0-b979-46628893cb4f: url('https:\/\/www.sencha.com\/wp-content\/themes\/sencha\/images\/logo.png');}","hash":"023d9fde-9900-4ea0-b979-46628893cb4f","url":"https:\/\/www.sencha.com\/wp-content\/themes\/sencha\/images\/logo.png"}];</script>
10163<meta name="generator" content="WP Rocket 3.23.2.2" data-wpr-features="wpr_lazyload_css_bg_img wpr_defer_js wpr_minify_js wpr_lazyload_images wpr_lazyload_iframes wpr_preconnect_external_domains wpr_automatic_lazy_rendering wpr_oci wpr_image_dimensions wpr_minify_css wpr_cdn wpr_preload_links wpr_desktop" /></head>
10164<style type="text/css">
10165 	#preloader {
10166	  position: fixed;
10167	  z-index: 999999;
10168	  top: 0;
10169	  left: 0;
10170	  bottom: 0;
10171	  right: 0;
10172	  transition: 1s 0.4s;
10173	  background: var(--wpr-bg-023d9fde-9900-4ea0-b979-46628893cb4f) no-repeat scroll center center / auto;
10174	  background-color: #fff;
10175	}
10176	#preloader img {
10177	  position: fixed;
10178	  z-index: 999999;
10179	  top: 50%;
10180	  left: 50%;
10181	  transform: translate(-50%, -50%);
10182	}
10183</style>
10184<body class="home wp-singular page-template-default page page-id-3039 wp-theme-genesis wp-child-theme-sencha header-slides top-announcement isnt_phone is_computer genesis header-image header-full-width full-width-content genesis-breadcrumbs-hidden genesis-footer-widgets-visible essb-9.7.1 elementor-default elementor-kit-58314 ie ie7 windows www.sencha.com parent-page guest-user no-js tk-effra loading">
10185<!-- GTM Container placement set to manual -->
10186<!-- Google Tag Manager (noscript) -->
10187				<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-K6P32Q9" height="0" width="0" style="display:none;visibility:hidden" aria-hidden="true"></iframe></noscript>
10188<!-- End Google Tag Manager (noscript) -->
10189<!-- GTM Container placement set to manual -->
10190<!-- Google Tag Manager (noscript) -->
10191<!-- GTM Container placement set to manual -->
10192<!-- Google Tag Manager (noscript) --> 
10193	
10194	
10194<script type="text/javascript">window.addEventListener('DOMContentLoaded', function() {
10195		/*if ( jQuery( 'body' ).hasClass('woocommerce-page') ) {
10196			jQuery('#woocommerce-general-css').remove();
10197		}*/
10198		jQuery('body').removeClass('no-js');
10199	});</script>
10199
10200
10201<div  class="site-container-new"><div  class="menu-overlay"></div>
10202<header  class="header-main">
10203    <div  class="mini-header">
10204        <div  class="container">
10205            <div class="mini-header-content">
10206            		                <div class="left-part">
10207	                    <p>Missed JavaScript Days 2026? The Replays Are Now Available &#8211; <a href="https://jsdays.io" target="_blank" class="color-blue uppercase">Watch Now!</a></p>	                </div>
10208	                                <div class="right-part">
10209                <div class="right-part"><ul id="menu-top-menu-bar" class="mini-header-nav"><li id="menu-item-64566" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-64566"><a target="_blank" href="https://jp.sencha.com/">日本語</a></li>
10210<li id="menu-item-64567" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-64567"><a href="https://www.sencha.com/support/">Support</a></li>
10211<li id="menu-item-64568" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-64568"><a target="_blank" href="http://docs.sencha.com">Docs</a></li>
10212<li id="menu-item-64570" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-64570"><a href="https://www.sencha.com/blog/">Blog</a></li>
10213<li id="menu-item-70376" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-70376"><a href="https://www.sencha.com/company/contact/">Contact Us</a></li>
10214<li id="menu-item-64571" class="search-icon menu-item menu-item-type-custom menu-item-object-custom menu-item-64571"><a><i class="cs-icon icon-search"></i></a></li>
10215</ul></div>                    <div class="theme-switch" style="display: none;">
10216                        <span class="cs-new-tooltip">New! Try dark mode</span>
10217                        <input type="checkbox" class="checkbox" id="checkbox" />
10218                        <label for="checkbox" class="label">
10219                            <span class="sr-only" style="display: none!important;">Switch theme</span>
10220                            <svg class="sun" width="24" height="24" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
10221                            <path d="M12 18C15.3137 18 18 15.3137 18 12C18 8.68629 15.3137 6 12 6C8.68629 6 6 8.68629 6 12C6 15.3137 8.68629 18 12 18Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
10222                            <path d="M22 12L23 12" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
10223                            <path d="M12 2V1" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
10224                            <path d="M12 23V22" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
10225                            <path d="M20 20L19 19" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
10226                            <path d="M20 4L19 5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
10227                            <path d="M4 20L5 19" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
10228                            <path d="M4 4L5 5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
10229                            <path d="M1 12L2 12" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
10230                            </svg>
10231                            <svg class="moon" width="24" height="24" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
10232                            <path d="M3 11.5066C3 16.7497 7.25034 21 12.4934 21C16.2209 21 19.4466 18.8518 21 15.7259C12.4934 15.7259 8.27411 11.5066 8.27411 3C5.14821 4.55344 3 7.77915 3 11.5066Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
10233                            </svg>
10234                            <div class="ball"></div>
10235                        </label>
10236                    </div>
10237                    </div>
10238            </div>
10239            <div class="search-form-wrapper">
10240                <div class="search-form-content">
10241                    <form action="/" method="get" class="search-form">
10242                        <input type="text" placeholder="Search" value="" name="s" autocomplete="off">
10243                        <button type="submit" id="searchsubmit">
10244                            <i class="cs-icon icon-search"></i>
10245                        </button>
10246                    </form>
10247                    <div class="close-search-form">
10248                        <span></span>
10249                    </div>
10250                </div>
10251            </div>
10252        </div>
10253    </div>
10254    <div  class="common-header">
10255        <div class="container">
10256            <div class="header-content">
10257                <div class="logo">
10258                    <a href="https://www.sencha.com/"><img fetchpriority="high" src="/wp-content/themes/sencha/images/logo.png"  width="172" height="64" alt="Sencha"></a>
10259                </div>
10260                <ul id="menu-header-menus" class="header-nav"><li id="menu-item-64572" class="products-menu header-toggle menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-64572"><a>Products<i class="cs-icon icon-arrow-down"></i></a>
10261<ul class="sub-menu">
10262	<li id="menu-item-64573" class="left-img-section menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-64573"><a><i class="cs-icon icon-products"></i>Products</a>
10263	<ul class="sub-menu">
10264		<li id="menu-item-64575" class="menu-hover sub-menu-desc submenu-ext menu-item menu-item-type-post_type menu-item-object-page menu-item-64575"><a href="https://www.sencha.com/products/extjs/"><i class="cs-icon icon-ext-js-fill"></i><span><strong>Ext JS</strong>The JavaScript Framework</span></a></li>
10265		<li id="menu-item-70825" class="sub-menu-desc submenu-reext menu-item menu-item-type-custom menu-item-object-custom menu-item-70825"><a href="/products/reext/"><i class="cs-icon icon-reext-logo"></i><span><strong>Re<em>Ext</em></strong>The React UI Components </span></a></li>
10266		<li id="menu-item-64576" class="sub-menu-desc submenu-gxt menu-item menu-item-type-post_type menu-item-object-page menu-item-64576"><a href="https://www.sencha.com/products/gxt/"><i class="cs-icon icon-shield-gxt"></i><span><strong>GXT</strong>The Java Framework</span></a></li>
10267	</ul>
10268</li>
10269</ul>
10270</li>
10271<li id="menu-item-64616" class="resources-menu header-toggle menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-64616"><a>Developers<i class="cs-icon icon-arrow-down"></i></a>
10272<ul class="sub-menu">
10273	<li id="menu-item-64617" class="left-img-section menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-64617"><a><i class="cs-icon icon-resources"></i>Developers</a>
10274	<ul class="sub-menu">
10275		<li id="menu-item-64618" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-64618"><a href="https://www.sencha.com/resources/"><span>Explore our wide range of documentation, tutorials, webinars, and case studies</span> <img width="212" height="100"  alt="Resources" src="/wp-content/themes/sencha/images/resources.png" title="Resources"></a></li>
10276	</ul>
10277</li>
10278	<li id="menu-item-64619" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-64619"><a>Deeper learning</a>
10279	<ul class="sub-menu">
10280		<li id="menu-item-72487" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-72487"><a href="/products/extjs/upgradeadviser"><i class="cs-icon icon-ua-outline"></i>Upgrade Adviser</a></li>
10281		<li id="menu-item-64620" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-64620"><a target="_blank" href="https://docs.sencha.com/"><i class="cs-icon icon-clipboard-text"></i>Documentation</a></li>
10282		<li id="menu-item-75093" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-75093"><a target="_blank" href="https://fiddle.sencha.com/#view/editor"><i class="cs-icon icon-fiddle"></i>Fiddle</a></li>
10283		<li id="menu-item-64621" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-64621"><a target="_blank" href="https://www.youtube.com/c/sencha"><i class="cs-icon icon-video-play"></i>Videos</a></li>
10284		<li id="menu-item-64624" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-64624"><a target="_blank" href="https://forum.sencha.com/forum/">
10284<i class="cs-icon icon-message-text"></i>Forum</a></li>
10285		<li id="menu-item-70827" class="more-ui-components menu-item menu-item-type-custom menu-item-object-custom menu-item-70827"><a href="/resources#whitepapers">Explore Resource Center</a></li>
10286	</ul>
10287</li>
10288	<li id="menu-item-64626" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-64626"><a href="#">Latest news and content</a>
10289	<ul class="sub-menu">
10290		<li id="menu-item-64627" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-64627"><a href="https://www.sencha.com/blog/"><i class="cs-icon icon-sencha-blog"></i>The Sencha Blog</a></li>
10291		<li id="menu-item-70352" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-70352"><a href="https://www.sencha.com/resources/ebook-emailseries/"><i class="cs-icon icon-sms-tracking"></i>Email client</a></li>
10292		<li id="menu-item-70345" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-70345"><a href="https://www.sencha.com/resources/skill-sprints/"><i class="cs-icon icon-skill-sprint-series"></i>Skill Sprints</a></li>
10293		<li id="menu-item-71652" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-71652"><a href="/resources/reext-time-tracking-series/"><i class="cs-icon icon-react-time-tracker"></i>React Time Tracker</a></li>
10294		<li id="menu-item-72520" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-72520"><a href="/resources/first-steps-with-sencha-ext-js/"><i class="cs-icon icon-book"></i>Getting Started with Ext JS</a></li>
10295	</ul>
10296</li>
10297	<li id="menu-item-64632" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-64632"><a href="#">Services</a>
10298	<ul class="sub-menu">
10299		<li id="menu-item-64633" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-64633"><a href="https://www.sencha.com/products/advisory-services/"><i class="cs-icon icon-headphone"></i>Sencha advisory services</a></li>
10300		<li id="menu-item-72737" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-72737"><a href="/training/#ext-js"><i class="cs-icon icon-training-outline"></i> Sencha Training</a></li>
10301		<li id="menu-item-73729" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-73729"><a href="/referral-program/"><i class="cs-icon icon-referral"></i> Referral Program</a></li>
10302	</ul>
10303</li>
10304</ul>
10305</li>
10306<li id="menu-item-64636" class="support-menu header-toggle menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-64636"><a href="#">Support<i class="cs-icon icon-arrow-down"></i></a>
10307<ul class="sub-menu">
10308	<li id="menu-item-64637" class="left-img-section menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-64637"><a><i class="cs-icon icon-support"></i>Support</a>
10309	<ul class="sub-menu">
10310		<li id="menu-item-64638" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-64638"><a href="https://www.sencha.com/support/"><span>Get expert assistance for your development needs</span> <img width="212" height="100"  alt="Support" src="/wp-content/themes/sencha/images/support.png" title="Support"></a></li>
10311	</ul>
10312</li>
10313	<li id="menu-item-64639" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-64639"><a>Support Center</a>
10314	<ul class="sub-menu">
10315		<li id="menu-item-64640" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-64640"><a href="https://www.sencha.com/support/"><i class="cs-icon icon-code"></i>Support portal</a></li>
10316		<li id="menu-item-64643" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-64643"><a target="_blank" href="https://www.ideracorp.com/legal/sencha"><i class="cs-icon icon-task-square"></i>Legal</a></li>
10317		<li id="menu-item-70404" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-70404"><a href="https://www.sencha.com/company/contact/"><i class="cs-icon icon-messages"></i>Contact Us</a></li>
10318		<li id="menu-item-74017" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-74017"><a href="/feature-requests/">
10318<i class="cs-icon icon-lamp-charge"></i>Feature Request</a></li>
10319	</ul>
10320</li>
10321	<li id="menu-item-64645" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-64645"><a>Community</a>
10322	<ul class="sub-menu">
10323		<li id="menu-item-64646" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-64646"><a target="_blank" href="https://stackoverflow.com/questions/tagged/extjs"><i class="cs-icon icon-layer"></i>StackOverflow</a></li>
10324		<li id="menu-item-64647" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-64647"><a target="_blank" href="https://discord.com/invite/RfxMGSbHXT"><i class="cs-icon icon-discord"></i>Discord</a></li>
10325		<li id="menu-item-64648" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-64648"><a target="_blank" href="https://github.com/sencha"><i class="cs-icon icon-github"></i>GitHub</a></li>
10326	</ul>
10327</li>
10328</ul>
10329</li>
10330<li id="menu-item-64651" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-64651"><a href="https://store.sencha.com/">Pricing</a></li>
10331<li id="menu-item-64667" class="about-menu header-toggle menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-64667"><a>About<i class="cs-icon icon-arrow-down"></i></a>
10332<ul class="sub-menu">
10333	<li id="menu-item-64668" class="left-img-section menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-64668"><a><i class="cs-icon icon-about"></i>About</a>
10334	<ul class="sub-menu">
10335		<li id="menu-item-64669" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-64669"><a href="https://www.sencha.com/company/"><span>The latest news and updates from around the world</span> <img width="212" height="100"  alt="About" src="/wp-content/themes/sencha/images/about.png" title="About"></a></li>
10336	</ul>
10337</li>
10338	<li id="menu-item-64670" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-64670"><a>Inside Sencha</a>
10339	<ul class="sub-menu">
10340		<li id="menu-item-64671" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-64671"><a href="https://www.sencha.com/company/"><i class="cs-icon icon-bill"></i>Our story</a></li>
10341		<li id="menu-item-64672" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-64672"><a href="https://www.sencha.com/company/press/"><i class="cs-icon icon-news-and-media"></i>News and media</a></li>
10342		<li id="menu-item-64673" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-64673"><a href="https://www.sencha.com/company/careers/"><i class="cs-icon icon-growth"></i>Careers</a></li>
10343	</ul>
10344</li>
10345	<li id="menu-item-64674" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-64674"><a href="#">Connect with Sencha</a>
10346	<ul class="sub-menu">
10347		<li id="menu-item-64675" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-64675"><a href="https://www.sencha.com/mvp/"><i class="cs-icon icon-sencha-mvp"></i>Sencha MVP</a></li>
10348		<li id="menu-item-64676" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-64676"><a href="https://www.sencha.com/partners/"><i class="cs-icon icon-profile-user"></i>Become a partner</a></li>
10349		<li id="menu-item-64677" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-64677"><a target="_blank" href="https://store.sencha.com/#oem"><i class="cs-icon icon-elements"></i>OEM</a></li>
10350	</ul>
10351</li>
10352	<li id="menu-item-64678" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-64678"><a>Quick links</a>
10353	<ul class="sub-menu">
10354		<li id="menu-item-64679" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-64679"><a target="_blank" href="https://www.youtube.com/c/sencha"><i class="cs-icon icon-youtube"></i>YouTube</a></li>
10355		<li id="menu-item-64680" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-64680"><a target="_blank" href="https://www.linkedin.com/company/sencha-inc/">
10355<i class="cs-icon icon-linkedin"></i>LinkedIn</a></li>
10356		<li id="menu-item-64681" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-64681"><a target="_blank" href="https://www.facebook.com/senchainc/"><i class="cs-icon icon-facebook"></i>Facebook</a></li>
10357		<li id="menu-item-64682" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-64682"><a target="_blank" href="https://twitter.com/Sencha"><i class="cs-icon icon-twitter"></i>Twitter</a></li>
10358	</ul>
10359</li>
10360</ul>
10361</li>
10362<li id="menu-item-73313" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-73313"><a target="_blank" href="/asksencha-ai/"><span class="sencha-ai-link"><img width="16" height="18" src="https://www.sencha.com/wp-content/uploads/2025/05/ai-arrows.svg" alt="Sencha AI">Ask Sencha AI<label class="new-badge">New</label></span></a></li>
10363<li id="menu-item-64683" class="header-mob-btns menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-64683"><a> </a>
10364<ul class="sub-menu">
10365	<li id="menu-item-64686" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-64686"><a href="/products/extjs/evaluate/"><span class="btn btn-sec">Free Trial</span></a></li>
10366</ul>
10367</li>
10368</ul><ul id="menu-header-right-menus" class="header-action"><li id="menu-item-64688" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-64688"><a href="/products/extjs/evaluate/"><span class="btn btn-sec3">Free Trial</span></a></li>
10369</ul>                
10370                <a class="mobile-menu-toggle">
10371                    <i class="cs-icon icon-toggle-menu"></i>
10372                </a>
10373                <div class="close-nav">
10374                    <span></span>
10375                </div>
10376                <div class="overlay"></div>
10377            </div>
10378        </div>
10379    </div>
10380</header><div  class="site-inner-new"><div  class="content-sidebar-wrap"><main class="content">
10381		
10382		
10383
10384		
10385	<article class="post-3039 page type-page status-publish has-post-thumbnail category-sencha-revamp entry" aria-label="Sencha">
10386		
10387	<div class="entry-content"><p><main class="main-content"></p>
10388<section class="extjs-hero">
10389<div class="container">
10390<div class="extjs-hero__announcement">
10391                <span class="extjs-hero__announcement-dot"></span><br />
10392                Ext JS 8.0 is now available
10393            </div>
10394<h1 class="extjs-hero__title">
10395    The Most Complete<br />
10396    <span>JavaScript</span> <span class="typewriter-wrap"><span class="tw tw1">UI Components</span><span class="tw tw2">Framework</span><span class="tw tw3">Data Grid</span></span> in the World<br />
10397</h1>
10398<p class="extjs-hero__subtitle">Build robust, high-performance applications with <a href="/products/extjs/" target="_blank"><strong class="clr-extjs">Ext JS</strong></a> and <a href="/products/reext/" target="_blank"><strong class="clr-react">React</strong></a>.</p>
10399<div class="extjs-hero__action"><a href="/products/extjs/evaluate/" class="btn btn--primary"> Start Your Free Trial </a></div>
10400<div class="extjs-hero__features">
10401<div class="extjs-hero__feature">
10402                    <span class="extjs-hero__check"></span><br />
10403                    <span>140+ UI Components</span>
10404                </div>
10405<div class="extjs-hero__feature">
10406                    <span class="extjs-hero__check"></span><br />
10407                    <span>20+ Years of Excellence</span>
10408                </div>
10409</p></div>
10410<div class="extjs-hero__bottom">
10411<div class="extjs-hero__bottom-text">
10412                    <span class="extjs-hero__bottom-title"> View Grid in Action </span>
10413                </div>
10414<div class="extjs-hero__bottom-action">
10415                    <a href="https://www.sencha.com/gridpanel/" class="extjs-hero__product extjs-hero__product--ext"><br />
10416                        <img decoding="async" src="/wp-content/uploads/2026/08/extjs.svg?v=1" alt="Ext JS - Sencha" /><br />
10417                        Ext JS<br />
10418                    </a><br />
10419                    <a href="https://www.sencha.com/reactgrid/" class="extjs-hero__product extjs-hero__product--react"><br />
10420                        <img decoding="async" src="/wp-content/uploads/2026/08/reext.svg?v=1" alt="ReExt JS - Sencha" /><br />
10421                        ReExt<br />
10422                    </a>
10423                </div>
10424</p></div>
10425<div class="extjs-demo">
10426<div class="iframe-skeleton">
10427<div role="presentation" class="x-coresplash-content">
10428                        <svg class="svg-icon svg-icon-large" viewBox="0 0 20 20"><path d="M17.498,11.697c-0.453-0.453-0.704-1.055-0.704-1.697c0-0.642,0.251-1.244,0.704-1.697c0.069-0.071,0.15-0.141,0.257-0.22c0.127-0.097,0.181-0.262,0.137-0.417c-0.164-0.558-0.388-1.093-0.662-1.597c-0.075-0.141-0.231-0.22-0.391-0.199c-0.13,0.02-0.238,0.027-0.336,0.027c-1.325,0-2.401-1.076-2.401-2.4c0-0.099,0.008-0.207,0.027-0.336c0.021-0.158-0.059-0.316-0.199-0.391c-0.503-0.274-1.039-0.498-1.597-0.662c-0.154-0.044-0.32,0.01-0.416,0.137c-0.079,0.106-0.148,0.188-0.22,0.257C11.244,2.956,10.643,3.207,10,3.207c-0.642,0-1.244-0.25-1.697-0.704c-0.071-0.069-0.141-0.15-0.22-0.257C7.987,2.119,7.821,2.065,7.667,2.109C7.109,2.275,6.571,2.497,6.07,2.771C5.929,2.846,5.85,3.004,5.871,3.162c0.02,0.129,0.027,0.237,0.027,0.336c0,
104281.325-1.076,2.4-2.401,2.4c-0.098,0-0.206-0.007-0.335-0.027C3.001,5.851,2.845,5.929,2.77,6.07C2.496,6.572,2.274,7.109,2.108,7.667c-0.044,0.154,0.01,0.32,0.137,0.417c0.106,0.079,0.187,0.148,0.256,0.22c0.938,0.936,0.938,2.458,0,3.394c-0.069,0.072-0.15,0.141-0.256,0.221c-0.127,0.096-0.181,0.262-0.137,0.416c0.166,0.557,0.388,1.096,0.662,1.596c0.075,0.143,0.231,0.221,0.392,0.199c0.129-0.02,0.237-0.027,0.335-0.027c1.325,0,2.401,1.076,2.401,2.402c0,0.098-0.007,0.205-0.027,0.334C5.85,16.996,5.929,17.154,6.07,17.23c0.501,0.273,1.04,0.496,1.597,0.66c0.154,0.047,0.32-0.008,0.417-0.137c0.079-0.105,0.148-0.186,0.22-0.256c0.454-0.453,1.055-0.703,1.697-0.703c0.643,0,1.244,0.25,1.697,0.703c0.071,0.07,0.141,0.15,0.22,0.256c0.073,0.098,0.188,0.152,0.307,0.152c0.036,0,0.073-0.004,0.109-0.016c0.558-0.164,1.096-0.387,1.597-0.66c0.141-0.076,0.22-0.234,0.199-0.393c-0.02-0.129-0.027-0.236-0.027-0.334c0-1.326,1.076-2.402,2.401-2.402c0.098,0,0.206,0.008,0.336,0.027c0.159,0.021,0.315-0.057,0.391-0.199c0.274-0.5,0.496-1.039,0.662-1.596c0.044-0.154-0.01-0.32-0.137-0.416C17.648,11.838,17.567,11.77,17.498,11.697 M16.671,13.334c-0.059-0.002-0.114-0.002-0.168-0.002c-1.749,0-3.173,1.422-3.173,3.172c0,0.053,0.002,0.109,0.004,0.166c-0.312,0.158-0.64,0.295-0.976,0.406c-0.039-0.045-0.077-0.086-0.115-0.123c-0.601-0.6-1.396-0.93-2.243-0.93s-1.643,0.33-2.243,0.93c-0.039,0.037-0.077,0.078-0.116,0.123c-0.336-0.111-0.664-0.248-0.976-0.406c0.002-0.057,0.004-0.113,0.004-0.166c0-1.75-1.423-3.172-3.172-3.172c-0.054,0-0.11,0-0.168,0.002c-0.158-0.312-0.293-0.639-0.405-0.975c0.044-0.039,0.085-0.078,0.124-0.115c1.236-1.236,1.236-3.25,0-4.486C3.009,7.719,2.969,7.68,2.924,7.642c0.112-0.336,0.247-0.664,0.405-0.976C3.387,6.668,3.443,6.67,3.497,6.67c1.75,0,3.172-1.423,3.172-3.172c0-0.054-0.002-0.11-0.004-0.168c0.312-0.158,0.64-0.293,0.976-0.405C7.68,2.969,7.719,3.01,7.757,3.048c0.6,0.6,1.396,0.93,2.243,0.93s1.643-0.33,2.243-0.93c0.038-0.039,0.076-0.079,0.115-0.123c0.336,0.112,0.663,0.247,0.976,0.405c-0.002,0.058-0.004,0.114-0.004,0.168c0,1.749,1.424,3.172,3.173,3.172c0.054,0,0.109-0.002,0.168-0.004c0.158,0.312,0.293,0.64,0.405,0.976c-0.045,0.038-0.086,0.077-0.124,0.116c-0.6,0.6-0.93,1.396-0.93,2.242c0,0.847,0.33,1.645,0.93,2.244c0.038,0.037,0.079,0.076,0.124,0.115C16.964,12.695,16.829,13.021,16.671,13.334 M10,5.417c-2.528,0-4.584,2.056-4.584,4.583c0,2.529,2.056,4.584,4.584,4.584s4.584-2.055,4.584-4.584C14.584,7.472,12.528,5.417,10,5.417 M10,13.812c-2.102,0-3.812-1.709-3.812-3.812c0-2.102,1.71-3.812,3.812-3.812c2.102,0,3.812,1.71,3.812,3.812C13.812,12.104,12.102,13.812,10,13.812"></path></svg><br />
10429                        <svg class="svg-icon svg-icon-small" viewBox="0 0 20 20"><path d="M17.498,11.697c-0.453-0.453-0.704-1.055-0.704-1.697c0-0.642,0.251-1.244,0.704-1.697c0.069-0.071,0.15-0.141,0.257-0.22c0.127-0.097,0.181-0.262,0.137-0.417c-0.164-0.558-0.388-1.093-0.662-1.597c-0.075-0.141-0.231-0.22-0.391-0.199c-0.13,0.02-0.238,0.027-0.336,0.027c-1.325,0-2.401-1.076-2.401-2.4c0-0.099,0.008-0.207,0.027-0.336c0.021-0.158-0.059-0.316-0.199-0.391c-0.503-0.274-1.039-0.498-1.597-0.662c-0.154-0.044-0.32,0.01-0.416,0.137c-0.079,0.106-0.148,0.188-0.22,0.257C11.244,2.956,10.643,3.207,10,3.207c-0.642,0-1.244-0.25-1.697-0.704c-0.071-0.069-0.141-0.15-0.22-0.257C7.987,2.119,7.821,2.065,7.667,2.109C7.109,2.275,6.571,2.497,6.07,2.771C5.929,2.846,5.85,3.004,5.871,3.162c0.02,0.129,0.027,0.237,0.027,0.336c0,1.325-1.076,2.4-2.401,2.4c-0.098,0-0.206-0.007-0.335-0.027C3.001,5.851,2.845,5.929,2.77,6.07C2.496,6.572,2.274,7.109,2.108,7.667c-0.044,0.154,0.01,0.32,0.137,0.417c0.106,0.079,0.187,0.148,0.256,0.22c0.938,0.936,0.938,2.458,0,3.394c-0.069,0.072-0.15,0.141-0.256,0.221c-0.127,0.096-0.181,0.262-0.137,0.416c0.166,0.557,0.388,1.096,0.662,1.596c0.075,0.143,0.231,0.221,0.392,0.199c0.129-0.02,0.237-0.027,0.335-0.027c1.325,0,2.401,1.076,2.401,2.402c0,0.098-0.007,0.205-0.027,0.334C5.85,16.996,5.929,17.154,6.07,17.23c0.501,0.273,1.04,0.496,1.597,0.66c0.154,0.047,0.32-0.008,0.417-0.137c0.079-0.105,0.148-0.186,0.22-0.256c0.454-0.453,1.055-0.703,1.697-0.703c0.643,0,1.244,0.25,1.697,0.703c0.071,0.07,0.141,0.15,0.22,0.256c0.073,0.098,0.188,0.152,0.307,0.152c0.036,0,0.073-0.004,0.109-0.016c0.558-0.164,1.096-0.387,1.597-0.66c0.141-0.076,0.22-0.234,0.199-0.393c-0.02-0.129-0.027-0.236-0.027-0.334c0-1.326,1.076-2.402,2.401-2.402c0.098,0,0.206,0.008,0.336,0.027c0.159,0.02
104291,0.315-0.057,0.391-0.199c0.274-0.5,0.496-1.039,0.662-1.596c0.044-0.154-0.01-0.32-0.137-0.416C17.648,11.838,17.567,11.77,17.498,11.697 M16.671,13.334c-0.059-0.002-0.114-0.002-0.168-0.002c-1.749,0-3.173,1.422-3.173,3.172c0,0.053,0.002,0.109,0.004,0.166c-0.312,0.158-0.64,0.295-0.976,0.406c-0.039-0.045-0.077-0.086-0.115-0.123c-0.601-0.6-1.396-0.93-2.243-0.93s-1.643,0.33-2.243,0.93c-0.039,0.037-0.077,0.078-0.116,0.123c-0.336-0.111-0.664-0.248-0.976-0.406c0.002-0.057,0.004-0.113,0.004-0.166c0-1.75-1.423-3.172-3.172-3.172c-0.054,0-0.11,0-0.168,0.002c-0.158-0.312-0.293-0.639-0.405-0.975c0.044-0.039,0.085-0.078,0.124-0.115c1.236-1.236,1.236-3.25,0-4.486C3.009,7.719,2.969,7.68,2.924,7.642c0.112-0.336,0.247-0.664,0.405-0.976C3.387,6.668,3.443,6.67,3.497,6.67c1.75,0,3.172-1.423,3.172-3.172c0-0.054-0.002-0.11-0.004-0.168c0.312-0.158,0.64-0.293,0.976-0.405C7.68,2.969,7.719,3.01,7.757,3.048c0.6,0.6,1.396,0.93,2.243,0.93s1.643-0.33,2.243-0.93c0.038-0.039,0.076-0.079,0.115-0.123c0.336,0.112,0.663,0.247,0.976,0.405c-0.002,0.058-0.004,0.114-0.004,0.168c0,1.749,1.424,3.172,3.173,3.172c0.054,0,0.109-0.002,0.168-0.004c0.158,0.312,0.293,0.64,0.405,0.976c-0.045,0.038-0.086,0.077-0.124,0.116c-0.6,0.6-0.93,1.396-0.93,2.242c0,0.847,0.33,1.645,0.93,2.244c0.038,0.037,0.079,0.076,0.124,0.115C16.964,12.695,16.829,13.021,16.671,13.334 M10,5.417c-2.528,0-4.584,2.056-4.584,4.583c0,2.529,2.056,4.584,4.584,4.584s4.584-2.055,4.584-4.584C14.584,7.472,12.528,5.417,10,5.417 M10,13.812c-2.102,0-3.812-1.709-3.812-3.812c0-2.102,1.71-3.812,3.812-3.812c2.102,0,3.812,1.71,3.812,3.812C13.812,12.104,12.102,13.812,10,13.812"></path></svg></p>
10430<div class="x-coresplash-title">Sencha</div>
10431<div class="x-coresplash-message">Ext JS Grid Example</div>
10432</p></div>
10433</p></div>
10434<p>                <iframe class="extjs-demo__iframe" id="extjsDemoIframe" src="about:blank" title="Sencha Ext JS Demo" loading="lazy" allowfullscreen="" data-rocket-lazyload="fitvidscompatible" data-lazy-src="https://www.sencha.com/gridpanel/"> </iframe><noscript><iframe class="extjs-demo__iframe" id="extjsDemoIframe" src="https://www.sencha.com/gridpanel/" title="Sencha Ext JS Demo" loading="lazy" allowfullscreen=""> </iframe></noscript>
10435            </div>
10436</p></div>
10437</section>
10438<section class="companies">
10439<div class="container">
10440<div class="companies__header">
10441<p class="companies__heading">Trusted by the world&#8217;s leading companies</p>
10442</p></div>
10443<div class="companies__track-outer">
10444<div class="companies__track" id="carouselTrack">
10445                    <img decoding="async" class="companies__strip" loading="eager" src="/wp-content/uploads/2026/08/company-carousel-svg.svg?v=1" alt="Leading companies logos" /><br />
10446                    <img decoding="async" class="companies__strip" loading="eager" src="/wp-content/uploads/2026/08/company-carousel-svg.svg?v=1" alt="Leading companies logos" /><br />
10447                    <img decoding="async" class="companies__strip" loading="eager" src="/wp-content/uploads/2026/08/company-carousel-svg.svg?v=1" alt="Leading companies logos" />
10448                </div>
10449</p></div>
10450</p></div>
10451</section>
10452<section class="data-section">
10453<div class="container">
10454<div class="data-section-content">
10455                <img decoding="async" class="section-decor-img" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" alt="Sencha Ext JS Logo" data-lazy-src="/wp-content/uploads/2026/08/Sencha-Ext-JS-Logo.png?v=1" /><noscript><img decoding="async" class="section-decor-img" src="/wp-content/uploads/2026/08/Sencha-Ext-JS-Logo.png?v=1" alt="Sencha Ext JS Logo" /></noscript></p>
10456<h2 class="data-section__heading"><span class="ez-toc-section" id="Build_data-intensive_applications_using_JavaScript"></span>Build data-intensive applications using <span class="accent">JavaScript</span><span class="ez-toc-section-end"></span></h2>
10457<p class="data-section__sub"><strong class="accent">Ext JS</strong> is a comprehensive <strong>JavaScript framework</strong> that lets you build cross-platform web and mobile applications for any modern device.</p>
10458<div class="data-cards">
10459<div class="data-card">
10460<div class="data-card__text">
10461<p class="data-card__title">Data Grids Built for Enterprise-Scale Data</p>
10462<p class="data-card__desc">Load, sort, and filter millions of rows without lag &#8211; Ext JS data grid is built to handle enterprise-scale datasets in milliseconds.</p>
10463</p></div>
10464<div class="grid-stage">
10465<div class="data-grid">
10466                                <iframe src="about:blank" frameborder="0" loading="lazy" data-rocket-lazyload="fitvidscompatible" data-lazy-src="https://fiddle.sencha.com/fiddle/3v3l/preview"></iframe><noscript><iframe src="https://fiddle.sencha.com/fiddle/3v3l/preview" frameborder="0" loading="lazy"></iframe></noscript></p>
10467<div class="fiddle-preload">
10468<div class="fiddle-loading-mask"></div>
10469</p></div>
10470</p></div>
10471</p></div>
10472</p></div>
10473<div class="data-card">
10474<div class="data-card__text">
10475<p class="data-card__title">Effortless Navigation with Nested Tree Views</p>
10476<p class="data-card__desc">Organize complex hierarchies &#8211; folders, categories, org charts into clean, expandable tree structures your users can navigate intuitively.</p>
10477</p></div>
10478<div class="grid-stage tree-structure">
10479<div class="tree-grid">
10480                                <iframe src="about:blank" frameborder="0" loading="lazy" data-rocket-lazyload="fitvidscompatible" data-lazy-src="https://fiddle.sencha.com/fiddle/3v3m/preview"></iframe><noscript><iframe src="https://fiddle.sencha.com/fiddle/3v3m/preview" frameborder="0" loading="lazy"></iframe></noscript></p>
10481<div class="fiddle-preload">
10482<div class="fiddle-loading-mask"></div>
10483</p></div>
10484</p></div>
10485</p></div>
10486</p></div>
10487<div class="data-card">
10488<div class="data-card__text">
10489<p class="data-card__title">Forms Engineered for Complex Business Workflows</p>
10490<p class="data-card__desc">Create secure, responsive forms with built-in validation, error handling, and flexible layouts &#8211; ready for login flows, sign-ups, and beyond.</p>
10491</p></div>
10492<div class="grid-stage form-grid-stage">
10493<div class="form-grid">
10494                                <iframe src="about:blank" frameborder="0" loading="lazy" data-rocket-lazyload="fitvidscompatible" data-lazy-src="https://fiddle.sencha.com/fiddle/3v3n/preview"></iframe><noscript><iframe src="https://fiddle.sencha.com/fiddle/3v3n/preview" frameborder="0" loading="lazy"></iframe></noscript></p>
10495<div class="fiddle-preload">
10496<div class="fiddle-loading-mask"></div>
10497</p></div>
10498</p></div>
10499</p></div>
10500</p></div>
10501<div class="data-card">
10502<div class="data-card__text">
10503<p class="data-card__title">Accordion Layouts for Focused Information Access</p>
10504<p class="data-card__desc">Organize events into structured, expandable sections, making dense calendar information easy to navigate without overwhelming users.</p>
10505</p></div>
10506<div class="grid-stage accordion-grid-stage">
10507<div class="accordion-grid">
10508                                <iframe src="about:blank" frameborder="0" loading="lazy" data-rocket-lazyload="fitvidscompatible" data-lazy-src="https://fiddle.sencha.com/fiddle/3v3o/preview"></iframe><noscript><iframe src="https://fiddle.sencha.com/fiddle/3v3o/preview" frameborder="0" loading="lazy"></iframe></noscript></p>
10509<div class="fiddle-preload">
10510<div class="fiddle-loading-mask"></div>
10511</p></div>
10512</p></div>
10513</p></div>
10514</p></div>
10515</p></div>
10516<div class="data-section_action">
10517                    <a href="https://examples.sencha.com/coworkee/" class="btn btn--primary">See in Action</a>
10518                </div>
10519</p></div>
10520</p></div>
10521</section>
10522<section class="hero">
10523<div class="container">
10524<div class="hero-content">
10525<div class="left-part block">
10526<div class="text">
10527<h1 class="heading-one rs-animate">
10528                            The <span class="text-pri">Enterprise-ready</span><br />
10529                            JavaScript UI Framework<br />
10530                        </h1>
10531<p class="rs-animate">The <strong>top choice</strong> for developers building data-rich, modern web and mobile applications.</p>
10532</p></div>
10533<div class="hero-content-action btn-block rs-animate">
10534                        <a class="btn btn--primary" href="/products/extjs/" rel="noopener">Get Started for Free</a><br />
10535                        <!-- <a>
10536                            <span class="btn btn-border-sec3 btn-w-img unveil-extjs-magic">Watch Video<img decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2030%2030'%3E%3C/svg%3E" alt="Watch Ext JS Video" width="30" height="30" data-lazy-src="https://www.sencha.com/wp-content/uploads/2023/07/play-icon-sec.svg" /><noscript><img loading="lazy" decoding="async" loading="lazy" src="https://www.sencha.com/wp-content/uploads/2023/07/play-icon-sec.svg" alt="Watch Ext JS Video" width="30" height="30" /></noscript></span>
10537                        </a> --><br />
10538                        <button type="button" class="cta-buttons__play unveil-extjs-magic" aria-label="Play"><br />
10539                            <svg width="17" height="19" viewBox="0 0 17 19" fill="none" xmlns="http://www.w3.org/2000/svg">
10540                                <path d="M15 5.73805C17.6667 7.27765 17.6667 11.1266 15 12.6662L6 17.8624C3.33333 19.402 9.33662e-07 17.4775 1.06826e-06 14.3983L1.52252e-06 4.00599C1.65712e-06 0.926792 3.33334 -0.997706 6 0.541895L15 5.73805Z" fill="white"/>
10541                            </svg><br />
10542                        </button>
10543                    </div>
10544</p></div>
10545<div class="right-part block rs-animate">
10546<div class="hero-img-wrapper">
10547                        <img fetchpriority="high" decoding="async" loading="eager" id="heroRightImg" src="https://www.sencha.com/wp-content/uploads/2023/07/hero-right-img.svg?v=1" alt="Sencha Ext JS" width="656" height="486" /></p>
10548<div class="hero-img-center">
10549                            <a href="/products/extjs/" rel="noopener"><img decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20120%20135'%3E%3C/svg%3E" alt="Ext JS" width="120" height="135" data-lazy-src="https://www.sencha.com/wp-content/uploads/2023/07/hero-center-img.svg?v=1" /><noscript><img loading="lazy" decoding="async" loading="lazy" src="https://www.sencha.com/wp-content/uploads/2023/07/hero-center-img.svg?v=1" alt="Ext JS" width="120" height="135" /></noscript></a>
10550                        </div>
10551<div class="hero-img-btn front-end">
10552                            <a class="btn" href="/products/extjs/evaluate/" rel="noopener"><img decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2018%2018'%3E%3C/svg%3E" alt="Frontend" width="18" height="18" data-lazy-src="https://www.sencha.com/wp-content/uploads/2023/07/front-end.svg?v=1" /><noscript><img loading="lazy" decoding="async" loading="lazy" src="https://www.sencha.com/wp-content/uploads/2023/07/front-end.svg?v=1" alt="Frontend" width="18" height="18" /></noscript>Front-end</a>
10553                        </div>
10554<div class="hero-img-btn ui-components">
10555                            <a class="btn" href="https://examples.sencha.com/extjs/latest/examples/kitchensink/?modern#all" target="_blank" rel="noopener"><img decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2018%2018'%3E%3C/svg%3E" alt="UIComponents" width="18" height="18" data-lazy-src="https://www.sencha.com/wp-content/uploads/2024/08/ui-components-sm.svg" /><noscript><img loading="lazy" decoding="async" loading="lazy" src="https://www.sencha.com/wp-content/uploads/2024/08/ui-components-sm.svg" alt="UIComponents" width="18" height="18" /></noscript>UI Components</a>
10556                        </div>
10557<div class="hero-img-btn advisor">
10558                            <a class="btn" href="/products/extjs/upgradeadviser" target="_blank" rel="noopener"><img decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2018%2018'%3E%3C/svg%3E" alt="Upgrade Adviser" width="18" height="18" data-lazy-src="https://www.sencha.com/wp-content/uploads/2025/02/upgrade-adviser-outline.svg?v=1" /><noscript><img loading="lazy" decoding="async" loading="lazy" src="https://www.sencha.com/wp-content/uploads/2025/02/upgrade-adviser-outline.svg?v=1" alt="Upgrade Adviser" width="18" height="18" /></noscript>Upgrade Adviser</a>
10559                        </div>
10560<div class="hero-img-btn cmd">
10561                            <a class="btn" href="/products/sencha-cmd/" rel="noopener"><img decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2018%2018'%3E%3C/svg%3E" alt="SenchaCM
10561D" width="18" height="18" data-lazy-src="https://www.sencha.com/wp-content/uploads/2023/07/cmd-2.svg?v=1" /><noscript><img loading="lazy" decoding="async" src="https://www.sencha.com/wp-content/uploads/2023/07/cmd-2.svg?v=1" loading="lazy" alt="SenchaCMD" width="18" height="18" /></noscript>CMD</a>
10562                        </div>
10563<div class="hero-img-btn themer">
10564                            <a class="btn" href="/products/themer/" rel="noopener"><img decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2018%2018'%3E%3C/svg%3E" alt="SenchaThemer" width="18" height="18" data-lazy-src="https://www.sencha.com/wp-content/uploads/2023/07/themer.svg?v=1" /><noscript><img loading="lazy" decoding="async" src="https://www.sencha.com/wp-content/uploads/2023/07/themer.svg?v=1" alt="SenchaThemer" loading="lazy" width="18" height="18" /></noscript>Themer</a>
10565                        </div>
10566<div class="hero-img-btn reext">
10567                            <a class="btn" href="/products/reext/" rel="noopener"><img decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2018%2018'%3E%3C/svg%3E" alt="SenchaReExt" width="18" height="18" data-lazy-src="https://www.sencha.com/wp-content/uploads/2024/03/reext-logo-homepage.svg?v=1" /><noscript><img loading="lazy" decoding="async" src="https://www.sencha.com/wp-content/uploads/2024/03/reext-logo-homepage.svg?v=1" alt="SenchaReExt" loading="lazy" width="18" height="18" /></noscript>ReExt</a>
10568                        </div>
10569<div class="hero-img-btn architect">
10570                            <a class="btn" href="/products/architect/" rel="noopener"><img decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2018%2018'%3E%3C/svg%3E" alt="SenchaArchitect" width="18" height="18" data-lazy-src="https://www.sencha.com/wp-content/uploads/2023/07/architect-2.svg?v=1" /><noscript><img loading="lazy" decoding="async" src="https://www.sencha.com/wp-content/uploads/2023/07/architect-2.svg?v=1" alt="SenchaArchitect" loading="lazy" width="18" height="18" /></noscript>Architect</a>
10571                        </div>
10572<div class="hero-img-btn test">
10573                            <a class="btn" href="/products/test/" rel="noopener"><img decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2018%2018'%3E%3C/svg%3E" alt="SenchaTest" width="18" height="18" data-lazy-src="https://www.sencha.com/wp-content/uploads/2023/07/test-2.svg?v=1" /><noscript><img loading="lazy" decoding="async" src="https://www.sencha.com/wp-content/uploads/2023/07/test-2.svg?v=1" alt="SenchaTest" loading="lazy" width="18" height="18" /></noscript>Test</a>
10574                        </div>
10575<div class="hero-img-btn inspector">
10576                            <a class="btn" href="/products/inspector/" rel="noopener"><img decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2018%2018'%3E%3C/svg%3E" alt="SenchaInspector" width="18" height="18" data-lazy-src="https://www.sencha.com/wp-content/uploads/2023/07/inspector.svg?v=1" /><noscript><img loading="lazy" decoding="async" src="https://www.sencha.com/wp-content/uploads/2023/07/inspector.svg?v=1" loading="lazy" alt="SenchaInspector" width="18" height="18" /></noscript>Inspector</a>
10577                        </div>
10578<div class="hero-img-btn ui-ux">
10579                            <a class="btn" href="/blog/user-interface-design-examples-for-user-friendly-websites/" rel="noopener"><img decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2018%2018'%3E%3C/svg%3E" alt="UserInterface" width="18" height="18" data-lazy-src="https://www.sencha.com/wp-content/uploads/2023/07/ui-ux.svg?v=1" /><noscript><img loading="lazy" decoding="async" loading="lazy" src="https://www.sencha.com/wp-content/uploads/2023/07/ui-ux.svg?v=1" alt="UserInterface" width="18" height="18" /></noscript>UI/UX</a>
10580                        </div>
10581<div class="hero-img-btn fiddle">
10582                            <a class="btn" href="https://fiddle.sencha.com/" target="_blank" rel="noopener"><img decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2018%2018'%3E%3C/svg%3E" alt="SenchaFiddle" width="18" height="18" data-lazy-src="https://www.sencha.com/wp-content/uploads/2023/07/fiddle-2.
10582svg?v=1" /><noscript><img loading="lazy" decoding="async" loading="lazy" src="https://www.sencha.com/wp-content/uploads/2023/07/fiddle-2.svg?v=1" alt="SenchaFiddle" width="18" height="18" /></noscript>Fiddle</a>
10583                        </div>
10584<div class="hero-img-btn ext-js">
10585                            <a class="btn" href="/products/rapid-ext-js/" rel="noopener"><img decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2018%2018'%3E%3C/svg%3E" alt="RapidExtJS" width="18" height="18" data-lazy-src="https://www.sencha.com/wp-content/uploads/2023/07/ext-js.svg?v=1" /><noscript><img loading="lazy" decoding="async" src="https://www.sencha.com/wp-content/uploads/2023/07/ext-js.svg?v=1" loading="lazy" alt="RapidExtJS" width="18" height="18" /></noscript>Rapid Ext JS</a>
10586                        </div>
10587<div class="hero-img-btn plugins">
10588                            <a class="btn" href="/products/plugins/" rel="noopener"><img decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2018%2018'%3E%3C/svg%3E" alt="IDEPlugins" width="18" height="18" data-lazy-src="https://www.sencha.com/wp-content/uploads/2023/07/ide-plugins.svg?v=1" /><noscript><img loading="lazy" decoding="async" src="https://www.sencha.com/wp-content/uploads/2023/07/ide-plugins.svg?v=1" loading="lazy" alt="IDEPlugins" width="18" height="18" /></noscript>IDE Plugins</a>
10589                        </div>
10590</p></div>
10591</p></div>
10592</p></div>
10593</p></div>
10594</section>
10595<section class="gxt-section">
10596<div class="container">
10597<div class="gxt-section__header">
10598<h2 class="gxt-section__title">
10599                    GXT: Your go-to web framework for<br />
10600                    <span>Java development</span><br />
10601                </h2>
10602<p class="gxt-section__description">Our comprehensive Java framework, Sencha GXT, empowers you to build feature-rich HTML5 applications using Java and GWT. With its adaptive layouts and highly optimized cross-platform HTML5 code, you can enjoy the flexibility and efficiency you deserve.</p>
10603</p></div>
10604<div class="gxt-charts">
10605<div class="gxt-chart-card gxt-chart-card--pie">
10606<div class="gxt-chart-card__header">
10607<h3>Pie Charts for Clear Data Visualization</h3>
10608<p>Visualize proportions and relationships clearly, helping users understand complex business data at a glance.</p>
10609</p></div>
10610<div class="iframe-wrapper">
10611                        <iframe loading="lazy" width="350" height="340" src="about:blank" frameborder="0" data-rocket-lazyload="fitvidscompatible" data-lazy-src="https://fiddle.sencha.com/fiddle/3v3q/preview"></iframe><noscript><iframe width="350" height="340" src="https://fiddle.sencha.com/fiddle/3v3q/preview" frameborder="0"></iframe></noscript></p>
10612<div class="fiddle-preload">
10613<div class="fiddle-loading-mask"></div>
10614</p></div>
10615</p></div>
10616</p></div>
10617<div class="gxt-chart-card gxt-chart-card--line">
10618<div class="gxt-chart-card__header">
10619<h3>Line Charts for Tracking Trends</h3>
10620<p>Track trends over time with interactive line charts designed for analytics, reporting, and enterprise applications.</p>
10621</p></div>
10622<div class="iframe-wrapper">
10623                        <iframe loading="lazy" src="about:blank" frameborder="0" data-rocket-lazyload="fitvidscompatible" data-lazy-src="https://fiddle.sencha.com/fiddle/3v3p/preview"></iframe><noscript><iframe src="https://fiddle.sencha.com/fiddle/3v3p/preview" frameborder="0"></iframe></noscript></p>
10624<div class="fiddle-preload">
10625<div class="fiddle-loading-mask"></div>
10626</p></div>
10627</p></div>
10628</p></div>
10629<div class="gxt-chart-card gxt-chart-card--column">
10630<div class="gxt-chart-card__header">
10631<h3>Column Charts for Easy Comparison</h3>
10632<p>Compare values across categories with interactive column charts for clear business data visualization.</p>
10633</p></div>
10634<div class="iframe-wrapper">
10635                        <iframe loading="lazy" src="about:blank" frameborder="0" data-rocket-lazyload="fitvidscompatible" data-lazy-src="https://fiddle.sencha.com/fiddle/3v3s/preview"></iframe><noscript><iframe src="https://fiddle.sencha.com/fiddle/3v3s/preview" frameborder="0"></iframe></noscript></p>
10636<div class="fiddle-preload">
10637<div class="fiddle-loading-mask"></div>
10638</p></div>
10639</p></div>
10640</p></div>
10641</p></div>
10642<div class="gxt-section__cta">
10643                <a href="/products/gxt/" class="btn btn--primary"> Start Building </a>
10644            </div>
10645</p></div>
10646</section>
10647<section class="why-extjs">
10648<div class="container">
10649<div class="why-extjs__heading">
10650<h2>
10651                    Why develop with<br />
10652                    <span>Sencha Ext JS?</span><br />
10653                </h2>
10654<p>Discover why Sencha Ext JS is trusted for building powerful enterprise applications, combining a rich component library, faster development, high performance, robust security, and seamless cross-platform compatibility.</p>
10655</p></div>
10656<div class="why-extjs__layout">
10657<div class="why-extjs__column why-extjs__column--left">
10658<div class="why-extjs__card why-extjs__card--light">
10659<div class="why-extjs__icon">
10660                            <img decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" alt="" data-lazy-src="/wp-content/uploads/2026/08/Rich-set-of-UI-components.svg?v=1" /><noscript><img decoding="async" src="/wp-content/uploads/2026/08/Rich-set-of-UI-components.svg?v=1" alt="" /></noscript>
10661                        </div>
10662<div class="why-extjs__card-content">
10663<h3>Rich Set of UI Components</h3>
10664<p>Ext JS ships 140+ pre-integrated components library covering data grids, forms, charts, navigation, layouts, helping teams build interfaces faster.</p>
10665</p></div>
10666</p></div>
10667<div class="why-extjs__card why-extjs__card--mid">
10668<div class="why-extjs__icon">
10669                            <img decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" alt="" data-lazy-src="/wp-content/uploads/2026/08/Faster-time-to-market.svg?v=1" /><noscript><img decoding="async" src="/wp-content/uploads/2026/08/Faster-time-to-market.svg?v=1" alt="" /></noscript>
10670                        </div>
10671<div class="why-extjs__card-content">
10672<h3>Faster Time to Market</h3>
10673<p>Skip cross-browser testing and manual integration work with pre-built tools and components that accelerate production-ready app delivery.</p>
10674</p></div>
10675</p></div>
10676<div class="why-extjs__card why-extjs__card--dark">
10677<div class="why-extjs__icon">
10678                            <img decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" alt="" data-lazy-src="/wp-content/uploads/2026/08/Secure-framework.svg?v=1" /><noscript><img decoding="async" src="/wp-content/uploads/2026/08/Secure-framework.svg?v=1" alt="" /></noscript>
10679                        </div>
10680<div class="why-extjs__card-content">
10681<h3>Secure Framework</h3>
10682<p>Protect mission-critical applications with a proprietary framework engineered for safety, data integrity, and controls in demanding environments.</p>
10683</p></div>
10684</p></div>
10685</p></div>
10686<div class="why-extjs__center">
10687                    <svg class="why-extjs__connectors" viewBox="0 0 1200 720" preserveAspectRatio="none" aria-hidden="true">
10688                        <path class="why-extjs__connector-path" d="M 0 95 H 155 Q 180 95 180 120 V 270 Q 180 295 205 295 H 480" />
10689                        <path class="why-extjs__connector-path" d="M 0 360 H 480" />
10690                        <path class="why-extjs__connector-path" d="M 0 625 H 155 Q 180 625 180 600 V 450 Q 180 425 205 425 H 480" />
10691                        <path class="why-extjs__connector-path" d="M 1200 95 H 1045 Q 1020 95 1020 120 V 270 Q 1020 295 995 295 H 720" />
10692                        <path class="why-extjs__connector-path" d="M 1200 360 H 720" />
10693                        <path class="why-extjs__connector-path" d="M 1200 625 H 1045 Q 1020 625 1020 600 V 450 Q 1020 425 995 425 H 720" />
10694                    </svg></p>
10695<div class="why-extjs__logo">
10696                        <img decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" alt="Sencha Ext JS" data-lazy-src="/wp-content/uploads/2026/08/center-logo.svg?v=1" /><noscript><img decoding="async" src="/wp-content/uploads/2026/08/center-logo.svg?v=1" alt="Sencha Ext JS" /></noscript>
10697                    </div>
10698</p></div>
10699<div class="why-extjs__column why-extjs__column--right">
10700<div class="why-extjs__card why-extjs__card--light">
10701<div class="why-extjs__icon">
10702                            <img decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" alt="" data-lazy-src="/wp-content/uploads/2026/08/High-productivity.svg?v=1" /><noscript><img decoding="async" src="/wp-content/uploads/2026/08/High-productivity.svg?v=1" alt="" /></noscript>
10703                        </div>
10704<div class="why-extjs__card-content">
10705<h3>High Productivity</h3>
10706<p>Standardize development with reusable components, consistent patterns, and integrated tooling that streamline development, debugging, testing, and maintenance.</p>
10707</p></div>
10708</p></div>
10709<div class="why-extjs__card why-extjs__card--mid">
10710<div class="why-extjs__icon">
10711                            <img decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" alt="" data-lazy-src="/wp-content/uploads/2026/08/Performance.svg?v=1" /><noscript><img decoding="async" src="/wp-content/uploads/2026/08/Performance.svg?v=1" alt="" /></noscript>
10712                        </div>
10713<div class="why-extjs__card-content">
10714<h3>Performance</h3>
10715<p>Process data over 300x faster than competing frameworks using Ext JS’s object-oriented architecture built for enterprise-scale performance.</p>
10716</p></div>
10717</p></div>
10718<div class="why-extjs__card why-extjs__card--dark">
10719<div class="why-extjs__icon">
10720                            <img decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" alt="" data-lazy-src="/wp-content/uploads/2026/08/Platform-browser-support.svg?v=1" /><noscript><img decoding="async" src="/wp-content/uploads/2026/08/Platform-browser-support.svg?v=1" alt="" /></noscript>
10721                        </div>
10722<div class="why-extjs__card-content">
10723<h3>Platform &amp; Browser Support</h3>
10724<p>Tested across major browsers and platforms &#8211; web, mobile, tablets, and desktop with layouts adapting seamlessly to screens.</p>
10725</p></div>
10726</p></div>
10727</p></div>
10728</p></div>
10729</p></div>
10730</section>
10731<section class="stats-section">
10732<div class="container">
10733<div class="stats-wrapper">
10734<div class="stats-left">
10735<div class="review-rating">
10736<div class="review-rating__top">
10737<div class="review-rating__logo">
10738                                <img decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" alt="G2" data-lazy-src="/wp-content/uploads/2026/08/g2-logo-1.svg?v=1" /><noscript><img decoding="async" src="/wp-content/uploads/2026/08/g2-logo-1.svg?v=1" alt="G2" /></noscript>
10739                            </div>
10740<p>                            <strong>4.1 / 5</strong></p>
10741<div class="review-rating__stars" aria-label="4.1 out of 5">
10742                                <span class="star full"></span><br />
10743                                <span class="star full"></span><br />
10744                                <span class="star full"></span><br />
10745                                <span class="star full"></span><br />
10746                                <span class="star empty"></span>
10747                            </div>
10748</p></div>
10749<div class="review-badges review-badges--large">
10750<div class="badge badge--large">
10751                                <img decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" alt="" data-lazy-src="/wp-content/uploads/2026/08/badge-high-performer-spring.svg?v=1" /><noscript><img decoding="async" src="/wp-content/uploads/2026/08/badge-high-performer-spring.svg?v=1" alt="" /></noscript>
10752                            </div>
10753<div class="badge badge--large">
10754                                <img decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" alt="" data-lazy-src="/wp-content/uploads/2026/08/badge-high-performer-winter.svg?v=1" /><noscript><img decoding="async" src="/wp-content/uploads/2026/08/badge-high-performer-winter.svg?v=1" alt="" /></noscript>
10755                            </div>
10756<div class="badge badge--large">
10757                                <img decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" alt="" data-lazy-src="/wp-content/uploads/2026/08/badge-high-performer-small-business.svg?v=1" /><noscript><img decoding="async" src="/wp-content/uploads/2026/08/badge-high-performer-small-business.svg?v=1" alt="" /></noscript>
10758                            </div>
10759</p></div>
10760<div class="review-badges review-badges--small">
10761<div class="badge">
10762                                <img decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" alt="" data-lazy-src="/wp-content/uploads/2026/08/badge-high-performer-fall.svg?v=1" /><noscript><img decoding="async" src="/wp-content/uploads/2026/08/badge-high-performer-fall.svg?v=1" alt="" /></noscript>
10763                            </div>
10764<div class="badge">
10765                                <img decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" alt="" data-lazy-src="/wp-content/uploads/2026/08/badge-leader-summer.svg?v=1" /><noscript><img decoding="async" src="/wp-content/uploads/2026/08/badge-leader-summer.svg?v=1" alt="" /></noscript>
10766                            </div>
10767<div class="badge">
10768                                <img decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" alt="" data-lazy-src="/wp-content/uploads/2026/08/badge-leader-fall.svg?v=1" /><noscript><img decoding="async" src="/wp-content/uploads/2026/08/badge-leader-fall.svg?v=1" alt="" /></noscript>
10769                            </div>
10770<div class="badge">
10771                                <img decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" alt="" data-lazy-src="/wp-content/uploads/2026/08/badge-leader-winter.svg?v=1" /><noscript><img decoding="async" src="/wp-content/uploads/2026/08/badge-leader-winter.svg?v=1" alt="" /></noscript>
10772                            </div>
10773<div class="badge">
10774                                <img decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" alt="" data-lazy-src="/wp-content/uploads/2026/08/badge-leader-small-business.svg?v=1" /><noscript><img decoding="async" src="/wp-content/uploads/2026/08/badge-leader-small-business.svg?v=1" alt="" /></noscript>
10775                            </div>
10776<div class="badge">
10777                                <img decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" alt="" data-lazy-src="/wp-content/uploads/2026/08/badge-leader-summer-2022.svg?v=1" /><noscript><img decoding="async" src="/wp-content/uploads/2026/08/badge-leader-summer-2022.svg?v=1" alt="" /></noscript>
10778                            </div>
10779</p></div>
10780</p></div>
10781<div class="security">
10782<h3>Security &amp; Compliance</h3>
10783<div class="security__logos">
10784                            <img decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" alt="" data-lazy-src="https://www.sencha.com/wp-content/uploads/2026/09/security-badges.png?v=1" /><noscript><img decoding="async" src="https://www.sencha.com/wp-content/uploads/2026/09/security-badges.png?v=1" alt="" /></noscript>
10785                        </div>
10786</p></div>
10787</p></div>
10788<div class="stats-right">
10789<div class="stats-top">
10790<div class="experience">
10791<div class="experience__number">20<span>+</span></div>
10792<div class="experience__text">Years Of Excellence</div>
10793</p></div>
10794<div class="review-sites">
10795<div class="review-sites__logos">
10796<div class="review-site review-site--capterra">
10797                                    <img decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" alt="Capterra" data-lazy-src="https://www.sencha.com/wp-content/uploads/2026/09/capterra-reviews-1.svg?v=1" /><noscript><img decoding="async" src="https://www.sencha.com/wp-content/uploads/2026/09/capterra-reviews-1.svg?v=1" alt="Capterra" /></noscript>
10798                                </div>
10799<div class="review-site review-site--getapp">
10800                                    <img decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" alt="GetApp" data-lazy-src="https://www.sencha.com/wp-content/uploads/2026/09/GetApp-Reviews.png?v=1" /><noscript><img decoding="async" src="https://www.sencha.com/wp-content/uploads/2026/09/GetApp-Reviews.png?v=1" alt="GetApp" /></noscript>
10801                                </div>
10802<div class="review-site review-site--software">
10803                                    <img decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" alt="Software Advice" data-lazy-src="https://www.sencha.com/wp-content/uploads/2026/09/SoftwareAdvice.png?v=1" /><noscript><img decoding="async" src="https://www.sencha.com/wp-content/uploads/2026/09/SoftwareAdvice.png?v=1" alt="Software Advice" /></noscript>
10804                                </div>
10805</p></div>
10806<div class="review-sites__title">
10806Recognized By Leading Software Review Sites</div>
10807</p></div>
10808</p></div>
10809<div class="stats-grid">
10810<div class="stat-item">
10811<div class="stat-item__number">60%</div>
10812<div class="stat-item__label">Of Fortune 100 Companies</div>
10813</p></div>
10814<div class="stat-item">
10815<div class="stat-item__number">500K</div>
10816<div class="stat-item__label">Active Forum Members</div>
10817</p></div>
10818<div class="stat-item">
10819<div class="stat-item__number">140+</div>
10820<div class="stat-item__label">Components</div>
10821</p></div>
10822<div class="stat-item">
10823<div class="stat-item__number">2M</div>
10824<div class="stat-item__label">Sencha Developers</div>
10825</p></div>
10826<div class="stat-item">
10827<div class="stat-item__number">7.2M</div>
10828<div class="stat-item__label">Product Downloads</div>
10829</p></div>
10830<div class="stat-item">
10831<div class="stat-item__number">10K</div>
10832<div class="stat-item__label">Customers Worldwide</div>
10833</p></div>
10834</p></div>
10835</p></div>
10836</p></div>
10837</p></div>
10838</section>
10839<section class="rext-apps-section">
10840<div class="container">
10841<div class="rext-apps">
10842<div class="rext-apps__header">
10843<h2 class="rext-apps__title">Explore production-ready</p>
10844<div><span>ReExt-Powered</span> Apps</div>
10845</h2>
10846<div class="rext-apps__description">
10847<p>Explore real-world React applications built with ReExt, showcasing powerful components, seamless interactions, scalable architecture, and the performance needed to deliver modern, production-ready digital experiences.</p>
10848</p></div>
10849</p></div>
10850<div class="rext-apps__content">
10851<div class="rext-apps__list">
10852<div class="rext-app-item is-active" data-img="https://www.sencha.com/wp-content/uploads/2025/06/Group-3.svg?v=1" data-color="160,198,85">
10853<div class="rext-app-item__title">Financial Dashboard</div>
10854<div class="rext-app-item__details">
10855<div class="rext-app-item__text">
10856<h3>Financial Dashboard</h3>
10857<p>Track KPIs, timelines, and key tasks in one powerful financial dashboard. Visualize data through charts and grids for smarter project decisions.</p>
10858</p></div>
10859<p>                                <a href="https://www.sencha.com/reext/finance-dashboard/" target="_blank" class="btn btn--primary">Explore</a>
10860                            </div>
10861</p></div>
10862<div class="rext-app-item" data-img="https://www.sencha.com/wp-content/uploads/2025/05/Group-1902.svg?v=1" data-color="184,202,235">
10863<div class="rext-app-item__title">Suma Campus</div>
10864<div class="rext-app-item__details">
10865<div class="rext-app-item__text">
10866<h3>Suma Campus</h3>
10867<p>An EdApp built to simplify student placements in foreign universities. Manage courses, fees, eligibility, and student progress—all in one dashboard.</p>
10868</p></div>
10869<p>                                <a href="https://www.sencha.com/reext/sumacampus/" target="_blank" class="btn btn--primary">Explore</a>
10870                            </div>
10871</p></div>
10872<div class="rext-app-item" data-img="https://www.sencha.com/wp-content/uploads/2025/05/inventory.svg?v=1" data-color="178,237,255">
10873<div class="rext-app-item__title">Inventory</div>
10874<div class="rext-app-item__details">
10875<div class="rext-app-item__text">
10876<h3>Inventory</h3>
10877<p>Streamline warehouse and stock management with this smart inventory app. Visualize assets, track supplies, and control movement in real time.</p>
10878</p></div>
10879<p>                                <a href="https://www.sencha.com/reext/inventory/" target="_blank" class="btn btn--primary">Explore</a>
10880                            </div>
10881</p></div>
10882<div class="rext-app-item" data-img="https://www.sencha.com/wp-content/uploads/2025/05/coin-monitor.svg?v=1" data-color="244,175,155">
10883<div class="rext-app-item__title">Crypto Insights</div>
10884<div class="rext-app-item__details">
10885<div class="rext-app-item__text">
10886<h3>Crypto Insights</h3>
10887<p>A crypto dashboard offering live data insights, currency tracking, and market analysis. Built to simplify digital asset monitoring</p>
10888</p></div>
10889<p>                                <a href="https://www.sencha.com/reext/cryptoinsights/" target="_blank" class="btn btn--primary">Explore</a>
10890                            </div>
10891</p></div>
10892</p></div>
10893<div class="rext-mobile-details">
10894<div class="rext-mobile-details__text">
10895<h3>Financial Dashboard</h3>
10896<p>Track KPIs, timelines, and key tasks in one powerful financial dashboard. Visualize data through charts and grids for smarter project decisions.</p>
10897<p>                            <a href="https://www.sencha.com/reext/finance-dashboard/" target="_blank" class="btn btn--primary">Explore</a>
10898                        </div>
10899</p></div>
10900<div class="rext-apps__media">
10901<div class="rext-video" style="--bg-color: 184,202,235;">
10902<div class="rext-video__inner" id="rextVideoContainer">
10903                                <img decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" alt="" data-lazy-src="https://www.sencha.com/wp-content/uploads/2025/05/Group-1902.svg?v=1"><noscript><img decoding="async" src="https://www.sencha.com/wp-content/uploads/2025/05/Group-1902.svg?v=1" alt=""></noscript>
10904                            </div>
10905</p></div>
10906</p></div>
10907</p></div>
10908</p></div>
10909</p></div>
10910</section>
10911<section class="security-cta">
10912<div class="container">
10913<div class="security-cta__inner">
10914<div class="security-cta__content">
10915<h2><span class="ez-toc-section" id="Tired_of_unsecured_open-source_UI_frameworks_putting_your_business_at_risk"></span>Tired of unsecured open-source UI frameworks putting your business at risk?<span class="ez-toc-section-end"></span></h2>
10916<p>Learn the difference between proprietary and open-source JavaScript UI frameworks. We break down all the myths and misconceptions.</p>
10917</p></div>
10918<div class="security-cta__action">
10919                    <a href="/resources/whitepaper/proprietary-vs-open-source-javascript-ui-framework/" class="btn btn--green security-cta__button"> Download Your Copy </a>
10920                </div>
10921</p></div>
10922</p></div>
10923</section>
10924<section class="getting-started-section">
10925<div class="container">
10926<div class="getting-started">
10927<div class="getting-started__header">
10928<h2 class="getting-started__title">
10929                        Ready to <span>dive in?</span><br />
10930                    </h2>
10931<p class="getting-started__subtitle">
10932                        Here’s how to get started building powerful apps with Sencha
10933                    </p>
10934</p></div>
10935<div class="getting-started__cards">
10936<div class="getting-started__card getting-started__card--green">
10937<div class="getting-started__icon">
10938                            <img decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" alt="" data-lazy-src="https://www.sencha.com/wp-content/uploads/2026/09/demos-trainings.svg?v=1"><noscript><img decoding="async" src="https://www.sencha.com/wp-content/uploads/2026/09/demos-trainings.svg?v=1" alt=""></noscript>
10939                        </div>
10940<h3>Demos and training</h3>
10941<p>
10942                            Explore product <a href="/resources">demos</a>,<br />
10943                            <a href="/training#ext-js">training</a> resources, and extensive,<br />
10944                            well-structured <a href="https://docs.sencha.com/">documentation</a>.<br />
10945                            Discover <a href="https://www.youtube.com/c/sencha">videos</a>,<br />
10946                            <a href="/resources">tutorials</a>,<br />
10947                            <a href="/blog">blogs</a>, and examples of building UI<br />
10948                            components with the Kitchen Sink.
10949                        </p>
10950</p></div>
10951<div class="getting-started__card getting-started__card--blue">
10952<div class="getting-started__icon">
10953                            <img decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" alt="" data-lazy-src="https://www.sencha.com/wp-content/uploads/2026/09/licensing.svg?v=1"><noscript><img decoding="async" src="https://www.sencha.com/wp-content/uploads/2026/09/licensing.svg?v=1" alt=""></noscript>
10954                        </div>
10955<h3>Hassle-free licensing</h3>
10956<p>
10957                            Simple and straightforward licenses include no hidden<br />
10958                            fees, guaranteed. Visit our store to learn more about<br />
10959                            <a href="/store/">Sencha licensing</a>,<br />
10960                            <a href="/partners/resellers/">authorized resellers</a>, and<br />
10961                            <a href="https://store.sencha.com/#oem">OEM licensing</a>.<br />
10962                            <a href="/compare-ext-js-licenses/">Compare options</a> and easily<br />
10963                            <a href="/renew-my-license/">renew licenses</a>.
10964                        </p>
10965</p></div>
10966<div class="getting-started__card getting-started__card--orange">
10967<div class="getting-started__icon">
10968                            <img decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" alt="" data-lazy-src="https://www.sencha.com/wp-content/uploads/2026/09/dedicatedsupport.svg?v=1"><noscript><img decoding="async" src="https://www.sencha.com/wp-content/uploads/2026/09/dedicatedsupport.svg?v=1" alt=""></noscript>
10969                        </div>
10970<h3>Dedicated support</h3>
10971<p>
10972                            Enjoy truly unlimited dedicated support with our<br />
10973                            <a href="/support/">support portal</a>,<br />
10974                            <a href="https://forum.sencha.com/forum/">Sencha forum</a> (knowledge base),<br />
10975                            <a href="https://stackoverflow.com/questions/tagged/extjs">Community</a>, and<br />
10976                            <a href="https://discord.com/invite/RfxMGSbHXT">Discord channel</a>.
10977                        </p>
10978</p></div>
10979</p></div>
10980<div class="getting-started__action">
10981                    <a href="https://examples.sencha.com/extjs/8.0.0/" class="btn btn--primary"><br />
10982                        View Demo<br />
10983                    </a>
10984                </div>
10985</p></div>
10986</p></div>
10987</section>
10988<p></main></p>
10989
10990		
10991		
10992		
10993		
10994	</div>
10995		
10996		
10997		
10998	</article>
10999		
11000	</main></div></div><section data-wpr-lazyrender="1" class="newsletter-ui">
11001    <div class="container">
11002        <div class="newsletter-content text-center">
11003            <div class="text">
11004                <h2 class="heading-two" data-aos="fade-up" data-aos-delay="150">Subscribe to Sencha Newsletter</h2>
11005                <!-- <h3 class="heading-three text-sec2" data-aos="fade-up" data-aos-delay="200">Subscribe to our newsletter and get articles about productivity, application development and actionable tips delivered to you.</h3> -->
11006            </div>
11007            <div class="newsleter-form">
11008            <div class="form-group" data-aos="fade-up" data-aos-delay="250">
11009                <input class="form-control newsletterEmail" type="email" name="" placeholder="Enter email">
11010                <a class="btn btn-sec3 newsletter" href="/newsletter/">Inspire Me</a>
11011                <span class="error-msg"></span>
11012            </div>
11013            <div class="conditions" data-aos="fade-up" data-aos-delay="300">
11014                <a href="https://www.ideracorp.com/Legal/PrivacyShield" target="_blank">Privacy policy / </a><a href="https://ideracorp.com/legal/sencha#tabs-2" target="_blank">Terms and conditions</a>
11015            </div>
11016			</div>
11017        </div>
11018    </div>
11019</section>
11020<footer data-wpr-lazyrender="1">
11021	<section  class="footer">
11022		<div class="container">
11023        			<div class="footer-content ">
11024				<ul id="menu-footer-menus" class="footer-nav-row"><li id="menu-item-64689" class="main-col footer-toogle menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-64689"><a>Products<i class="cs-icon icon-arrow-down"></i></a>
11025<ul class="sub-menu">
11026	<li id="menu-item-64690" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-64690"><a href="https://www.sencha.com/products/extjs/">Ext JS</a></li>
11027	<li id="menu-item-73498" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-73498"><a href="/products/reext/">ReExt</a></li>
11028	<li id="menu-item-64691" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-64691"><a href="https://www.sencha.com/products/gxt/">GXT</a></li>
11029	<li id="menu-item-64692" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-64692"><a href="https://www.sencha.com/products/test/">Sencha Test</a></li>
11030	<li id="menu-item-64693" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-64693"><a href="https://www.sencha.com/products/stencils/">Stencils</a></li>
11031</ul>
11032</li>
11033<li id="menu-item-64694" class="main-col footer-toogle menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-64694"><a>Service<i class="cs-icon icon-arrow-down"></i></a>
11034<ul class="sub-menu">
11035	<li id="menu-item-75241" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-75241"><a href="/services/">Professional Services</a></li>
11036	<li id="menu-item-64696" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-64696"><a href="https://www.sencha.com/training/">Training</a></li>
11037	<li id="menu-item-64697" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-64697"><a href="https://www.sencha.com/partners/">Partners</a></li>
11038	<li id="menu-item-64698" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-64698"><a href="https://www.sencha.com/products/advisory-services/">Advisory Services</a></li>
11039</ul>
11040</li>
11041<li id="menu-item-64699" class="main-col footer-toogle menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-64699"><a>Store<i class="cs-icon icon-arrow-down"></i></a>
11042<ul class="sub-menu">
11043	<li id="menu-item-64700" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-64700"><a target="_blank" href="https://store.sencha.com/">Buy Now</a></li>
11044	<li id="menu-item-64701" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-64701"><a href="https://www.sencha.com/legal/">Licensing</a></li>
11045	<li id="menu-item-64702" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-64702"><a href="https://www.sencha.com/ordering-faq/">Ordering Information</a></li>
11046	<li id="menu-item-64703" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-64703"><a href="/partners/resellers/">Authorized Resellers</a></li>
11047	<li id="menu-item-73728" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-73728"><a href="/referral-program/">Referral Program</a></li>
11048</ul>
11049</li>
11050<li id="menu-item-64704" class="main-col sub-menu footer-toogle menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-64704"><a>Developers<i class="cs-icon icon-arrow-down"></i></a>
11051<ul class="sub-menu">
11052	<li id="menu-item-64705" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-64705"><a href="https://www.sencha.com/grid/extjs-performance-analyzer/">Performance Benchmark</a></li>
11053	<li id="menu-item-70894" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-70894"><a href="/products/extjs/upgradeadviser">Upgrade Adviser</a></li>
11054	<li id="menu-item-64707" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-64707"><a href="https://www.sencha.com/resources/">Resource Center</a></li>
11055	<li id="menu-item-64708" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-64708"><a target="_blank" href="https://www.sencha.com/resources/webinars/">Webinars</a></li>
11056	<li id="menu-item-64709" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-64709"><a target="_blank" href="https://docs.sencha.com">Docs</a></li>
11057	<li id="menu-item-64710" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-64710"><a target="_blank" href="https://examples.sencha.com">Examples</a></li>
11058	<li id="menu-item-64711" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-64711"><a href="https://www.sencha.com/customers/">Case Studies</a></li>
11059	<li id="menu-item-64712" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-64712"><a href="https://www.sencha.com/extjs-vs-react-vs-angular/">Ext JS Comparison</a></li>
11060	<li id="menu-item-70895" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-70895"><a href="/resources/ebook-emailseries">Email Client</a></li>
11061	<li id="menu-item-70896" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-70896"><a href="/resources/skill-sprints/">Skill Sprints</a></li>
11062	<li id="menu-item-71656" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-71656"><a href="/resources/reext-time-tracking-series/">React Time Tracker</a></li>
11063	<li id="menu-item-72521" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-72521"><a href="/resources/first-steps-with-sencha-ext-js/">Getting Started with Ext JS</a></li>
11064</ul>
11065</li>
11066<li id="menu-item-64714" class="main-col sub-menu footer-toogle menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-64714"><a>
11066Company<i class="cs-icon icon-arrow-down"></i></a>
11067<ul class="sub-menu">
11068	<li id="menu-item-64715" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-64715"><a href="https://www.sencha.com/company/">Overview</a></li>
11069	<li id="menu-item-64716" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-64716"><a href="https://www.sencha.com/blog/">Blog</a></li>
11070	<li id="menu-item-64717" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-64717"><a href="https://www.sencha.com/company/news/">In the News</a></li>
11071	<li id="menu-item-64718" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-64718"><a href="https://www.sencha.com/company/press/">Press Releases</a></li>
11072	<li id="menu-item-64719" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-64719"><a href="https://www.sencha.com/company/careers/">Careers</a></li>
11073	<li id="menu-item-64720" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-64720"><a href="https://www.sencha.com/mvp/">MVPs</a></li>
11074	<li id="menu-item-70453" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-70453"><a href="https://www.sencha.com/company/contact/">Contact Us</a></li>
11075	<li id="menu-item-64722" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-64722"><a target="_blank" href="https://www.ideracorp.com/legal/sencha">Legal</a></li>
11076	<li id="menu-item-64723" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-64723"><a target="_blank" href="https://www.ideracorp.com/Legal/PrivacyShield">Privacy Policy</a></li>
11077</ul>
11078</li>
11079<li id="menu-item-73772" class="cs-badge-items menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-73772"><a></a>
11080<ul class="sub-menu">
11081	<li id="menu-item-73405" class="cs-badge-items__capterra menu-item menu-item-type-custom menu-item-object-custom menu-item-73405"><a target="_blank" href="https://www.capterra.com/p/148124/Sencha-Platform/reviews/"><img width="201" height="66" alt="capterra - sencha" border="0" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20201%2066'%3E%3C/svg%3E" data-lazy-src="/wp-content/uploads/2025/05/rating-capterra.svg" /><noscript><img width="201" height="66" alt="capterra - sencha" border="0" src="/wp-content/uploads/2025/05/rating-capterra.svg" /></noscript></a></li>
11082	<li id="menu-item-73406" class="cs-badge-items__getapp menu-item menu-item-type-custom menu-item-object-custom menu-item-73406"><a target="_blank" href="https://www.getapp.com/development-tools-software/a/sencha-ext-js/reviews/"><img width="196" height="132" alt="getapp - sencha" border="0" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20196%20132'%3E%3C/svg%3E" data-lazy-src="/wp-content/uploads/2025/05/rating-getapp.png" /><noscript><img width="196" height="132" alt="getapp - sencha" border="0" src="/wp-content/uploads/2025/05/rating-getapp.png" /></noscript></a></li>
11083	<li id="menu-item-73407" class="cs-badge-items__softwareadvice menu-item menu-item-type-custom menu-item-object-custom menu-item-73407"><a target="_blank" href="https://www.softwareadvice.com/product/466618-Sencha-Platform/reviews/"><img width="326" height="132" alt="softwareadvice - sencha"  border="0" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20326%20132'%3E%3C/svg%3E" data-lazy-src="/wp-content/uploads/2025/05/rating-software-advice.png" /><noscript><img width="326" height="132" alt="softwareadvice - sencha"  border="0" src="/wp-content/uploads/2025/05/rating-software-advice.png" /></noscript></a></li>
11084</ul>
11085</li>
11086<li id="menu-item-64724" class="main-col badge-col menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-64724"><a> </a>
11087<ul class="sub-menu">
11088	<li id="menu-item-64725" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-64725"><a target="_blank" href="https://www.g2.com/products/ext-js/reviews"><img width="145" height="164" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20145%20164'%3E%3C/svg%3E" alt="Leader badge" data-lazy-src="/wp-content/uploads/2025/07/g2-2025.svg"><noscript><img loading="lazy" width="145" height="164" src="/wp-content/uploads/2025/07/g2-2025.svg" alt="Leader badge"></noscript></a></li>
11089</ul>
11090</li>
11091</ul><ul id="menu-social-media-menus" class="footer-social-row"><li id="menu-item-64726" class="logo menu-item menu-item-type-post_type menu-item-object-page menu-item-home current-menu-item page_item page-item-3039 current_page_item menu-item-64726"><a href="https://www.sencha.com/" aria-current="page"><img width="193" height="77" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20193%2077'%3E%3C/svg%3E" alt="Sencha" data-lazy-src="/wp-content/themes/sencha/images/logo-white.png"><noscript><img loading="lazy" width="193" height="77" src="/wp-content/themes/sencha/images/logo-white.png" alt="Sencha"></noscript></a></li>
11092<li id="menu-item-64727" class="main-col badge-col menu-item menu-item-type-custom menu-item-object-custom menu-item-64727"><a target="_blank" href="https://www.g2.com/products/ext-js/reviews"><img  width="145" height="164" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20145%20164'%3E%3C/svg%3E" alt="Leader badge" data-lazy-src="https://www.sencha.com/wp-content/uploads/2025/07/g2-2025.svg"><noscript><img loading="lazy"  width="145" height="164" src="https://www.sencha.com/wp-content/uploads/2025/07/g2-2025.svg" alt="Leader badge"></noscript></a></li>
11093<li id="menu-item-64728" class="social-icons menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-64728"><a></a>
11094<ul class="sub-menu">
11095	<li id="menu-item-71653" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-71653"><a target="_blank" href="https://www.facebook.com/senchainc/">
11095<i class="cs-icon icon-fb-round"></i></a></li>
11096	<li id="menu-item-71654" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-71654"><a target="_blank" href="https://x.com/Sencha"><i class="cs-icon icon-x-twitter"></i></a></li>
11097	<li id="menu-item-71655" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-71655"><a target="_blank" href="https://www.linkedin.com/company/sencha-inc/"><i class="cs-icon icon-linkedin-round"></i></a></li>
11098	<li id="menu-item-64729" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-64729"><a target="_blank" href="https://stackoverflow.com/questions/tagged/extjs" title="Stackoverflow"><i class="cs-icon icon-stackoverflow"></i></a></li>
11099	<li id="menu-item-64730" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-64730"><a target="_blank" href="https://discord.com/invite/RfxMGSbHXT" title="Discord"><i class="cs-icon icon-discord"></i></a></li>
11100	<li id="menu-item-64731" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-64731"><a target="_blank" href="https://github.com/sencha" title="Github"><i class="cs-icon icon-github"></i></a></li>
11101	<li id="menu-item-64732" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-64732"><a target="_blank" href="https://www.youtube.com/c/sencha" title="YouTube"><i class="cs-icon icon-youtube"></i></a></li>
11102</ul>
11103</li>
11104</ul>			</div>
11105		</div>
11106		<div class="footer-copyright text-center">
11107			<div class="container">
11108				<div class="footer-copyright-content">
11109					<p>© 2026 SENCHA INC. ALL RIGHTS RESERVED.</p>
11110				</div>
11111			</div>
11112		</div>
11113	</section>
11114</footer></div>
11114<script type="speculationrules">
11115{"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/sencha/*","/wp-content/themes/genesis/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
11116</script>
vendor: 1 bytes, line 11116
11116
11117<script>window.addEventListener('DOMContentLoaded', function() {jQuery(document).ready(function(){jQuery(".kiwi-logo-carousel-default").bxSlider({mode:"horizontal",speed:500,slideMargin:30,infiniteLoop:false,hideControlOnEnd:true,captions:false,ticker:false,tickerHover:false,adaptiveHeight:false,responsive:true,pager:true,controls:false,autoControls:false,minSlides:1,maxSlides:8,moveSlides:1,slideWidth:200,auto:false,pause:4000,useCSS:false});jQuery(".kiwi-logo-carousel-customers").bxSlider({mode:"horizontal",speed:300,slideMargin:27,infiniteLoop:true,hideControlOnEnd:false,captions:false,ticker:false,tickerHover:true,adaptiveHeight:false,responsive:true,pager:false,controls:true,autoControls:false,minSlides:1,maxSlides:7,moveSlides:1,slideWidth:164,auto:false,pause:4000,useCSS:false});jQuery(".kiwi-logo-carousel-featured-customers").bxSlider({mode:"horizontal",speed:500,slideMargin:0,infiniteLoop:true,hideControlOnEnd:false,captions:false,ticker:false,tickerHover:false,adaptiveHeight:false,responsive:true,pager:false,controls:true,autoControls:false,minSlides:1,maxSlides:4,moveSlides:1,slideWidth:200,auto:true,pause:4000,useCSS:false});jQuery(".kiwi-logo-carousel-fortune-one-hundred").bxSlider({mode:"horizontal",speed:1200,slideMargin:40,infiniteLoop:true,hideControlOnEnd:false,captions:false,ticker:false,tickerHover:false,adaptiveHeight:true,responsive:true,pager:false,controls:true,autoControls:false,minSlides:1,maxSlides:5,moveSlides:5,slideWidth:160,auto:false,pause:1,useCSS:false});jQuery(".kiwi-logo-carousel-front-page").bxSlider({mode:"horizontal",speed:100,slideMargin:50,infiniteLoop:true,hideControlOnEnd:false,captions:false,ticker:false,tickerHover:false,adaptiveHeight:false,responsive:true,pager:false,controls:false,autoControls:false,minSlides:2,maxSlides:9,moveSlides:2,slideWidth:95,auto:false,pause:44000,useCSS:false});jQuery(".kiwi-logo-carousel-service-customers").bxSlider({mode:"horizontal",speed:100,slideMargin:40,infiniteLoop:true,hideControlOnEnd:false,captions:false,ticker:false,tickerHover:false,adaptiveHeight:false,responsive:true,pager:false,controls:false,autoControls:false,minSlides:1,maxSlides:5,moveSlides:1,slideWidth:160,auto:false,pause:44000,useCSS:false});});});</script>
11117 <div data-wpr-lazyrender="1" class="sgpb-main-popup-data-container-72435" style="position:fixed;opacity: 0;filter: opacity(0%);transform: scale(0);">
11118							<div class="sg-popup-builder-content" id="sg-popup-content-wrapper-72435" data-id="72435" data-events="[{&quot;param&quot;:&quot;click&quot;,&quot;operator&quot;:&quot;clickActionCustomClass&quot;,&quot;value&quot;:&quot;high-performance-grid-application&quot;,&quot;hiddenOption&quot;:[]}]" data-options="eyJzZ3BiLXR5cGUiOiJodG1sIiwic2dwYi1pcy1wcmV2aWV3IjoiMCIsInNncGItaXMtYWN0aXZlIjoiY2hlY2tlZCIsInNncGItYmVoYXZpb3ItYWZ0ZXItc3BlY2lhbC1ldmVudHMiOltbeyJwYXJhbSI6InNlbGVjdF9ldmVudCJ9XV0sInNncGItY29udGVudC1wYWRkaW5nIjoiNyIsInNncGItcG9wdXAtei1pbmRleCI6Ijk5OTkiLCJzZ3BiLXBvcHVwLXRoZW1lcyI6InNncGItdGhlbWUtMSIsInNncGItb3ZlcmxheS1jb2xvciI6IiIsInNncGItb3ZlcmxheS1vcGFjaXR5IjoiMC44Iiwic2dwYi1jb250ZW50LWN1c3RvbS1jbGFzcyI6InNnLXBvcHVwLWNvbnRlbnQiLCJzZ3BiLWJhY2tncm91bmQtaW1hZ2UtbW9kZSI6Im5vLXJlcGVhdCIsInNncGItZXNjLWtleSI6Im9uIiwic2dwYi1lbmFibGUtY2xvc2UtYnV0dG9uIjoib24iLCJzZ3BiLWNsb3NlLWJ1dHRvbi1kZWxheSI6IjAiLCJzZ3BiLWNsb3NlLWJ1dHRvbi1wb3NpdGlvbiI6ImJvdHRvbVJpZ2h0Iiwic2dwYi1idXR0b24tcG9zaXRpb24tdG9wIjoiIiwic2dwYi1idXR0b24tcG9zaXRpb24tcmlnaHQiOiI5Iiwic2dwYi1idXR0b24tcG9zaXRpb24tYm90dG9tIjoiOSIsInNncGItYnV0dG9uLXBvc2l0aW9uLWxlZnQiOiIiLCJzZ3BiLWJ1dHRvbi1pbWFnZSI6IiIsInNncGItYnV0dG9uLWltYWdlLXdpZHRoIjoiMjEiLCJzZ3BiLWJ1dHRvbi1pbWFnZS1oZWlnaHQiOiIyMSIsInNncGItYm9yZGVyLWNvbG9yIjoiIzAwMDAwMCIsInNncGItYm9yZGVyLXJhZGl1cyI6IjAiLCJzZ3BiLWJvcmRlci1yYWRpdXMtdHlwZSI6IiUiLCJzZ3BiLWJ1dHRvbi10ZXh0IjoiQ2xvc2UiLCJzZ3BiLW92ZXJsYXktY2xpY2siOiJvbiIsInNncGItcG9wdXAtZGltZW5zaW9uLW1vZGUiOiJyZXNwb25zaXZlTW9kZSIsInNncGItcmVzcG9uc2l2ZS1kaW1lbnNpb24tbWVhc3VyZSI6ImF1dG8iLCJzZ3BiLXdpZHRoIjoiNjQwcHgiLCJzZ3BiLWhlaWdodCI6IjQ4MHB4Iiwic2dwYi1tYXgtd2lkdGgiOiIiLCJzZ3BiLW1heC1oZWlnaHQiOiIiLCJzZ3BiLW1pbi13aWR0aCI6IjEyMHB4Iiwic2dwYi1taW4taGVpZ2h0IjoiIiwic2dwYi1jb3B5LXRvLWNsaXBib2FyZC1tZXNzYWdlIjoiQ29waWVkIHRvIENsaXBib2FyZCEiLCJzZ3BiLW9wZW4tYW5pbWF0aW9uLWVmZmVjdCI6Ik5vIGVmZmVjdCIsInNncGItY2xvc2UtYW5pbWF0aW9uLWVmZmVjdCI6Ik5vIGVmZmVjdCIsInNncGItZW5hYmxlLWNvbnRlbnQtc2Nyb2xsaW5nIjoib24iLCJzZ3BiLXBvcHVwLW9yZGVyIjoiMCIsInNncGItcG9wdXAtZGVsYXkiOiIwIiwic2dwYi1wb3N0LWlkIjoiNzI0MzUiLCJzZ3BiLWVuYWJsZS1wb3B1cC1vdmVybGF5Ijoib24iLCJzZ3BiLWJ1dHRvbi1pbWFnZS1kYXRhIjoiIiwic2dwYi1iYWNrZ3JvdW5kLWltYWdlLWRhdGEiOiIiLCJzZ3BiQ29uZGl0aW9ucyI6bnVsbH0=">
11119								<div  class="sgpb-popup-builder-content-72435 sgpb-popup-builder-content-html"><div class="sgpb-main-html-content-wrapper"><p><iframe width="560" height="315" src="" data-attr-src="https://www.youtube.com/embed/JYLUKvO53T0?si=QPZ_IbRZ4JPf-rke&amp;autoplay=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></p>
11120</div></div>
11121							</div>
11122						  </div><div data-wpr-lazyrender="1" class="sgpb-main-popup-data-container-70988" style="position:fixed;opacity: 0;filter: opacity(0%);transform: scale(0);">
11123							<div class="sg-popup-builder-content" id="sg-popup-content-wrapper-70988" data-id="70988" data-events="[{&quot;param&quot;:&quot;click&quot;,&quot;operator&quot;:&quot;clickActionCustomClass&quot;,&quot;value&quot;:&quot;create-rapid-extjs-app&quot;,&quot;hiddenOption&quot;:[]}]" data-options="eyJzZ3BiLXR5cGUiOiJodG1sIiwic2dwYi1pcy1wcmV2aWV3IjoiMCIsInNncGItaXMtYWN0aXZlIjoiY2hlY2tlZCIsInNncGItYmVoYXZpb3ItYWZ0ZXItc3BlY2lhbC1ldmVudHMiOltbeyJwYXJhbSI6InNlbGVjdF9ldmVudCJ9XV0sInNncGItY29udGVudC1wYWRkaW5nIjoiNyIsInNncGItcG9wdXAtei1pbmRleCI6Ijk5OTkiLCJzZ3BiLXBvcHVwLXRoZW1lcyI6InNncGItdGhlbWUtMSIsInNncGItb3ZlcmxheS1jb2xvciI6IiIsInNncGItb3ZlcmxheS1vcGFjaXR5IjoiMC44Iiwic2dwYi1jb250ZW50LWN1c3RvbS1jbGFzcyI6InNnLXBvcHVwLWNvbnRlbnQiLCJzZ3BiLWJhY2tncm91bmQtaW1hZ2UtbW9kZSI6Im5vLXJlcGVhdCIsInNncGItZXNjLWtleSI6Im9uIiwic2dwYi1lbmFibGUtY2xvc2UtYnV0dG9uIjoib24iLCJzZ3BiLWNsb3NlLWJ1dHRvbi1kZWxheSI6IjAiLCJzZ3BiLWNsb3NlLWJ1dHRvbi1wb3NpdGlvbiI6ImJvdHRvbVJpZ2h0Iiwic2dwYi1idXR0b24tcG9zaXRpb24tdG9wIjoiIiwic2dwYi1idXR0b24tcG9zaXRpb24tcmlnaHQiOiI5Iiwic2dwYi1idXR0b24tcG9zaXRpb24tYm90dG9tIjoiOSIsInNncGItYnV0dG9uLXBvc2l0aW9uLWxlZnQiOiIiLCJzZ3BiLWJ1dHRvbi1pbWFnZSI6IiIsInNncGItYnV0dG9uLWltYWdlLXdpZHR
11123oIjoiMjEiLCJzZ3BiLWJ1dHRvbi1pbWFnZS1oZWlnaHQiOiIyMSIsInNncGItYm9yZGVyLWNvbG9yIjoiIzAwMDAwMCIsInNncGItYm9yZGVyLXJhZGl1cyI6IjAiLCJzZ3BiLWJvcmRlci1yYWRpdXMtdHlwZSI6IiUiLCJzZ3BiLWJ1dHRvbi10ZXh0IjoiQ2xvc2UiLCJzZ3BiLW92ZXJsYXktY2xpY2siOiJvbiIsInNncGItcG9wdXAtZGltZW5zaW9uLW1vZGUiOiJyZXNwb25zaXZlTW9kZSIsInNncGItcmVzcG9uc2l2ZS1kaW1lbnNpb24tbWVhc3VyZSI6ImF1dG8iLCJzZ3BiLXdpZHRoIjoiNjQwcHgiLCJzZ3BiLWhlaWdodCI6IjQ4MHB4Iiwic2dwYi1tYXgtd2lkdGgiOiIiLCJzZ3BiLW1heC1oZWlnaHQiOiIiLCJzZ3BiLW1pbi13aWR0aCI6IjEyMHB4Iiwic2dwYi1taW4taGVpZ2h0IjoiIiwic2dwYi1jb3B5LXRvLWNsaXBib2FyZC1tZXNzYWdlIjoiQ29waWVkIHRvIENsaXBib2FyZCEiLCJzZ3BiLW9wZW4tYW5pbWF0aW9uLWVmZmVjdCI6Ik5vIGVmZmVjdCIsInNncGItY2xvc2UtYW5pbWF0aW9uLWVmZmVjdCI6Ik5vIGVmZmVjdCIsInNncGItZGlzYWJsZS1wYWdlLXNjcm9sbGluZyI6Im9uIiwic2dwYi1lbmFibGUtY29udGVudC1zY3JvbGxpbmciOiJvbiIsInNncGItcG9wdXAtb3JkZXIiOiIwIiwic2dwYi1wb3B1cC1kZWxheSI6IjAiLCJzZ3BiLXBvc3QtaWQiOiI3MDk4OCIsInNncGItZW5hYmxlLXBvcHVwLW92ZXJsYXkiOiJvbiIsInNncGItYnV0dG9uLWltYWdlLWRhdGEiOiIiLCJzZ3BiLWJhY2tncm91bmQtaW1hZ2UtZGF0YSI6IiIsInNncGJDb25kaXRpb25zIjpudWxsfQ==">
11124								<div  class="sgpb-popup-builder-content-70988 sgpb-popup-builder-content-html"><div class="sgpb-main-html-content-wrapper"><p><iframe width="711" height="400" src="" data-attr-src="https://www.youtube.com/embed/DlT2P6UNXZM" title="How to Create and Edit a Rapid Ext JS Application" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe></p>
11125</div><style id="sgpb-custom-style-70988">.sgpb-popup-dialog-main-div-theme-wrapper-1 .sgpb-popup-close-button-1 { right: -9px !important; top: -10px !important; } .sg-popup-content { box-shadow: none !important; border-width: 0 !important; padding: 0px!important; } .sgpb-main-html-content-wrapper p { line-height: 0; margin: 0px; } @media screen and (max-width: 575px) { body.new-home-page .sgpb-popup-close-button-1 { width: initial !important; height: initial !important; top: -10px !important; } }</style></div>
11126							</div>
11127						  </div><div data-wpr-lazyrender="1" class="sgpb-main-popup-data-container-70267" style="position:fixed;opacity: 0;filter: opacity(0%);transform: scale(0);">
11128							<div class="sg-popup-builder-content" id="sg-popup-content-wrapper-70267" data-id="70267" data-events="[{&quot;param&quot;:&quot;click&quot;,&quot;operator&quot;:&quot;clickActionCustomClass&quot;,&quot;value&quot;:&quot;create-extjs-app&quot;,&quot;hiddenOption&quot;:[]}]" data-options="eyJzZ3BiLXR5cGUiOiJodG1sIiwic2dwYi1pcy1wcmV2aWV3IjoiMCIsInNncGItaXMtYWN0aXZlIjoiY2hlY2tlZCIsInNncGItYmVoYXZpb3ItYWZ0ZXItc3BlY2lhbC1ldmVudHMiOltbeyJwYXJhbSI6InNlbGVjdF9ldmVudCJ9XV0sInNncGItY29udGVudC1wYWRkaW5nIjoiNyIsInNncGItcG9wdXAtei1pbmRleCI6Ijk5OTkiLCJzZ3BiLXBvcHVwLXRoZW1lcyI6InNncGItdGhlbWUtMSIsInNncGItb3ZlcmxheS1jb2xvciI6IiIsInNncGItb3ZlcmxheS1vcGFjaXR5IjoiMC44Iiwic2dwYi1jb250ZW50LWN1c3RvbS1jbGFzcyI6InNnLXBvcHVwLWNvbnRlbnQiLCJzZ3BiLWJhY2tncm91bmQtaW1hZ2UtbW9kZSI6Im5vLXJlcGVhdCIsInNncGItZXNjLWtleSI6Im9uIiwic2dwYi1lbmFibGUtY2xvc2UtYnV0dG9uIjoib24iLCJzZ3BiLWNsb3NlLWJ1dHRvbi1kZWxheSI6IjAiLCJzZ3BiLWNsb3NlLWJ1dHRvbi1wb3NpdGlvbiI6ImJvdHRvbVJpZ2h0Iiwic2dwYi1idXR0b24tcG9zaXRpb24tdG9wIjoiIiwic2dwYi1idXR0b24tcG9zaXRpb24tcmlnaHQiOiI5Iiwic2dwYi1idXR0b24tcG9zaXRpb24tYm90dG9tIjoiOSIsInNncGItYnV0dG9uLXBvc2l0aW9uLWxlZnQiOiIiLCJzZ3BiLWJ1dHRvbi1pbWFnZSI6IiIsInNncGItYnV0dG9uLWltYWdlLXdpZHRoIjoiMjEiLCJzZ3BiLWJ1dHRvbi1pbWFnZS1oZWlnaHQiOiIyMSIsInNncGItYm9yZGVyLWNvbG9yIjoiIzAwMDAwMCIsInNncGItYm9yZGVyLXJhZGl1cyI6IjAiLCJzZ3BiLWJvcmRlci1yYWRpdXMtdHlwZSI6IiUiLCJzZ3BiLWJ1dHRvbi10ZXh0IjoiQ2xvc2UiLCJzZ3BiLW92ZXJsYXktY2xpY2siOiJvbiIsInNncGItcG9wdXAtZGltZW5zaW9uLW1vZGUiOiJyZXNwb25zaXZlTW9kZSIsInNncGItcmVzcG9uc2l2ZS1kaW1lbnNpb24tbWVhc3VyZSI6ImF1dG8iLCJzZ3BiLXdpZHRoIjoiNjQwcHgiLCJzZ3BiLWhlaWdodCI6IjQ4MHB4Iiwic2dwYi1tYXgtd2lkdGgiOiIiLCJzZ3BiLW1heC1oZWlnaHQiOiIiLCJzZ3BiLW1pbi13aWR0aCI6IjEyMHB4Iiwic2dwYi1taW4taGVpZ2h0IjoiIiwic2dwYi1vcGVuLWFuaW1hdGlvbi1lZmZlY3QiOiJObyBlZmZlY3QiLCJzZ3BiLWNsb3NlLWFuaW1hdGlvbi1lZmZlY3QiOiJObyBlZmZlY3QiLCJzZ3BiLWRpc2FibGUtcGFnZS1zY3JvbGxpbmciOiJvbiIsInNncGItZW5hYmxlLWNvbnRlbnQtc2Nyb2xsaW5nIjoib24iLCJzZ3BiLXBvcHVwLW9yZGVyIjoiMCIsInNncGItcG9wdXAtZGVsYXkiOiIwIiwic2dwYi1wb3N0LWlkIjoiNzAyNjciLCJzZ3BiLWVuYWJsZS1wb3B1cC1vdmVybGF5Ijoib24iLCJzZ3BiLWJ1dHRvbi1pbWFnZS1kYXRhIjoiIiwic2dwYi1iYWNrZ3JvdW5kLWltYWdlLWRhdGEiOiIiLCJzZ3BiQ29uZGl0aW9ucyI6bnVsbH0=">
11129								<div  class="sgpb-popup-builder-content-70267 sgpb-popup-builder-content-html"><div class="sgpb-main-html-content-wrapper"><p><iframe width="711" height="400" src="" data-attr-src="https://www.youtube.com/embed/SK9DLvLAKAs" title="How to Create and Edit a Rapid Ext JS Application" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe></p>
11130</div><style id="sgpb-custom-style-70267">.sgpb-popup-dialog-main-div-theme-wrapper-1 .sgpb-popup-close-button-1 { right: -9px !important; top: -10px !important; } .sg-popup-content { box-shadow: none !important; border-width: 0 !important; padding: 0px!important; } .sgpb-main-html-content-wrapper p { line-height: 0; margin: 0px; } @media screen and (max-width: 575px) { body.new-home-page .sgpb-popup-close-button-1 { width: initial !important; height: initial !important; top: -10px !important; } }</style></div>
11131							</div>
11132						  </div><div data-wpr-lazyrender="1" class="sgpb-main-popup-data-container-70266" style="position:fixed;opacity: 0;filter: opacity(0%);transform: scale(0);">
11133							<div class="sg-popup-builder-content" id="sg-popup-content-wrapper-70266" data-id="70266" data-events="[{&quot;param&quot;:&quot;click&quot;,&quot;operator&quot;:&quot;clickActionCustomClass&quot;,&quot;value&quot;:&quot;unveil-rapid-extjs-magic&quot;,&quot;hiddenOption&quot;:[]}]" data-options="eyJzZ3BiLXR5cGUiOiJodG1sIiwic2dwYi1pcy1wcmV2aWV3IjoiMCIsInNncGItaXMtYWN0aXZlIjoiY2hlY2tlZCIsInNncGItYmV
11133oYXZpb3ItYWZ0ZXItc3BlY2lhbC1ldmVudHMiOltbeyJwYXJhbSI6InNlbGVjdF9ldmVudCJ9XV0sInNncGItY29udGVudC1wYWRkaW5nIjoiNyIsInNncGItcG9wdXAtei1pbmRleCI6Ijk5OTkiLCJzZ3BiLXBvcHVwLXRoZW1lcyI6InNncGItdGhlbWUtMSIsInNncGItb3ZlcmxheS1jb2xvciI6IiIsInNncGItb3ZlcmxheS1vcGFjaXR5IjoiMC44Iiwic2dwYi1jb250ZW50LWN1c3RvbS1jbGFzcyI6InNnLXBvcHVwLWNvbnRlbnQiLCJzZ3BiLWJhY2tncm91bmQtaW1hZ2UtbW9kZSI6Im5vLXJlcGVhdCIsInNncGItZXNjLWtleSI6Im9uIiwic2dwYi1lbmFibGUtY2xvc2UtYnV0dG9uIjoib24iLCJzZ3BiLWNsb3NlLWJ1dHRvbi1kZWxheSI6IjAiLCJzZ3BiLWNsb3NlLWJ1dHRvbi1wb3NpdGlvbiI6ImJvdHRvbVJpZ2h0Iiwic2dwYi1idXR0b24tcG9zaXRpb24tdG9wIjoiIiwic2dwYi1idXR0b24tcG9zaXRpb24tcmlnaHQiOiI5Iiwic2dwYi1idXR0b24tcG9zaXRpb24tYm90dG9tIjoiOSIsInNncGItYnV0dG9uLXBvc2l0aW9uLWxlZnQiOiIiLCJzZ3BiLWJ1dHRvbi1pbWFnZSI6IiIsInNncGItYnV0dG9uLWltYWdlLXdpZHRoIjoiMjEiLCJzZ3BiLWJ1dHRvbi1pbWFnZS1oZWlnaHQiOiIyMSIsInNncGItYm9yZGVyLWNvbG9yIjoiIzAwMDAwMCIsInNncGItYm9yZGVyLXJhZGl1cyI6IjAiLCJzZ3BiLWJvcmRlci1yYWRpdXMtdHlwZSI6IiUiLCJzZ3BiLWJ1dHRvbi10ZXh0IjoiQ2xvc2UiLCJzZ3BiLW92ZXJsYXktY2xpY2siOiJvbiIsInNncGItcG9wdXAtZGltZW5zaW9uLW1vZGUiOiJyZXNwb25zaXZlTW9kZSIsInNncGItcmVzcG9uc2l2ZS1kaW1lbnNpb24tbWVhc3VyZSI6ImF1dG8iLCJzZ3BiLXdpZHRoIjoiNjQwcHgiLCJzZ3BiLWhlaWdodCI6IjQ4MHB4Iiwic2dwYi1tYXgtd2lkdGgiOiIiLCJzZ3BiLW1heC1oZWlnaHQiOiIiLCJzZ3BiLW1pbi13aWR0aCI6IjEyMHB4Iiwic2dwYi1taW4taGVpZ2h0IjoiIiwic2dwYi1vcGVuLWFuaW1hdGlvbi1lZmZlY3QiOiJObyBlZmZlY3QiLCJzZ3BiLWNsb3NlLWFuaW1hdGlvbi1lZmZlY3QiOiJObyBlZmZlY3QiLCJzZ3BiLWRpc2FibGUtcGFnZS1zY3JvbGxpbmciOiJvbiIsInNncGItZW5hYmxlLWNvbnRlbnQtc2Nyb2xsaW5nIjoib24iLCJzZ3BiLXBvcHVwLW9yZGVyIjoiMCIsInNncGItcG9wdXAtZGVsYXkiOiIwIiwic2dwYi1wb3N0LWlkIjoiNzAyNjYiLCJzZ3BiLWVuYWJsZS1wb3B1cC1vdmVybGF5Ijoib24iLCJzZ3BiLWJ1dHRvbi1pbWFnZS1kYXRhIjoiIiwic2dwYi1iYWNrZ3JvdW5kLWltYWdlLWRhdGEiOiIiLCJzZ3BiQ29uZGl0aW9ucyI6bnVsbH0=">
11134								<div  class="sgpb-popup-builder-content-70266 sgpb-popup-builder-content-html"><div class="sgpb-main-html-content-wrapper"><p><iframe width="711" height="400" src="" data-attr-src="https://www.youtube.com/embed/Yra-C0aK2Qw" title="Rapid Ext JS Explained in 59 Seconds&#x26a1;&#xfe0f;| The Powerful Low-Code Editor" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe></p>
11135</div><style id="sgpb-custom-style-70266">.sgpb-popup-dialog-main-div-theme-wrapper-1 .sgpb-popup-close-button-1 { right: -9px !important; top: -10px !important; } .sg-popup-content { box-shadow: none !important; border-width: 0 !important; padding: 0px!important; } .sgpb-main-html-content-wrapper p { line-height: 0; margin: 0px; } @media screen and (max-width: 575px) { body.new-home-page .sgpb-popup-close-button-1 { width: initial !important; height: initial !important; top: -10px !important; } }</style></div>
11136							</div>
11137						  </div><div data-wpr-lazyrender="1" class="sgpb-main-popup-data-container-69196" style="position:fixed;opacity: 0;filter: opacity(0%);transform: scale(0);">
11138							<div class="sg-popup-builder-content" id="sg-popup-content-wrapper-69196" data-id="69196" data-events="[{&quot;param&quot;:&quot;click&quot;,&quot;operator&quot;:&quot;clickActionCustomClass&quot;,&quot;value&quot;:&quot;js-days-video-playlist&quot;,&quot;hiddenOption&quot;:[]}]" data-options="eyJzZ3BiLXR5cGUiOiJodG1sIiwic2dwYi1pcy1wcmV2aWV3IjoiMCIsInNncGItaXMtYWN0aXZlIjoiY2hlY2tlZCIsInNncGItYmVoYXZpb3ItYWZ0ZXItc3BlY2lhbC1ldmVudHMiOltbeyJwYXJhbSI6InNlbGVjdF9ldmVudCJ9XV0sInNncGItY29udGVudC1wYWRkaW5nIjoiNyIsInNncGItcG9wdXAtei1pbmRleCI6Ijk5OTkiLCJzZ3BiLXBvcHVwLXRoZW1lcyI6InNncGItdGhlbWUtMSIsInNncGItb3ZlcmxheS1jb2xvciI6IiIsInNncGItb3ZlcmxheS1vcGFjaXR5IjoiMC44Iiwic2dwYi1jb250ZW50LWN1c3RvbS1jbGFzcyI6InNnLXBvcHVwLWNvbnRlbnQiLCJzZ3BiLWJhY2tncm91bmQtaW1hZ2UtbW9kZSI6Im5vLXJlcGVhdCIsInNncGItZXNjLWtleSI6Im9uIiwic2dwYi1lbmFibGUtY2xvc2UtYnV0dG9uIjoib24iLCJzZ3BiLWNsb3NlLWJ1dHRvbi1kZWxheSI6IjAiLCJzZ3BiLWNsb3NlLWJ1dHRvbi1wb3NpdGlvbiI6ImJvdHRvbVJpZ2h0Iiwic2dwYi1idXR0b24tcG9zaXRpb24tdG9wIjoiIiwic2dwYi1idXR0b24tcG9zaXRpb24tcmlnaHQiOiI5Iiwic2dwYi1idXR0b24tcG9zaXRpb24tYm90dG9tIjoiOSIsInNncGItYnV0dG9uLXBvc2l0aW9uLWxlZnQiOiIiLCJzZ3BiLWJ1dHRvbi1pbWFnZSI6IiIsInNncGItYnV0dG9uLWltYWdlLXdpZHR
11138oIjoiMjEiLCJzZ3BiLWJ1dHRvbi1pbWFnZS1oZWlnaHQiOiIyMSIsInNncGItYm9yZGVyLWNvbG9yIjoiIzAwMDAwMCIsInNncGItYm9yZGVyLXJhZGl1cyI6IjAiLCJzZ3BiLWJvcmRlci1yYWRpdXMtdHlwZSI6IiUiLCJzZ3BiLWJ1dHRvbi10ZXh0IjoiQ2xvc2UiLCJzZ3BiLW92ZXJsYXktY2xpY2siOiJvbiIsInNncGItcG9wdXAtZGltZW5zaW9uLW1vZGUiOiJyZXNwb25zaXZlTW9kZSIsInNncGItcmVzcG9uc2l2ZS1kaW1lbnNpb24tbWVhc3VyZSI6ImF1dG8iLCJzZ3BiLXdpZHRoIjoiNjQwcHgiLCJzZ3BiLWhlaWdodCI6IjQ4MHB4Iiwic2dwYi1tYXgtd2lkdGgiOiIiLCJzZ3BiLW1heC1oZWlnaHQiOiIiLCJzZ3BiLW1pbi13aWR0aCI6IjEyMHB4Iiwic2dwYi1taW4taGVpZ2h0IjoiIiwic2dwYi1vcGVuLWFuaW1hdGlvbi1lZmZlY3QiOiJObyBlZmZlY3QiLCJzZ3BiLWNsb3NlLWFuaW1hdGlvbi1lZmZlY3QiOiJObyBlZmZlY3QiLCJzZ3BiLWVuYWJsZS1jb250ZW50LXNjcm9sbGluZyI6Im9uIiwic2dwYi1wb3B1cC1vcmRlciI6IjAiLCJzZ3BiLXBvcHVwLWRlbGF5IjoiMCIsInNncGItcG9zdC1pZCI6IjY5MTk2Iiwic2dwYi1lbmFibGUtcG9wdXAtb3ZlcmxheSI6Im9uIiwic2dwYi1idXR0b24taW1hZ2UtZGF0YSI6IiIsInNncGItYmFja2dyb3VuZC1pbWFnZS1kYXRhIjoiIiwic2dwYkNvbmRpdGlvbnMiOm51bGx9">
11139								<div  class="sgpb-popup-builder-content-69196 sgpb-popup-builder-content-html"><div class="sgpb-main-html-content-wrapper"><p><iframe title="&#x1f680; JS Days 2024: Unleash the JavaScript Magic! &#x1f310;" src="" data-attr-src="https://www.youtube.com/embed/Uw-DZHPPixg?autoplay=1" allow="autoplay" width="722" height="406" frameborder="0" allowfullscreen="allowfullscreen"></iframe></p>
11140</div><style id="sgpb-custom-style-69196">.sgpb-popup-dialog-main-div-theme-wrapper-1 .sgpb-popup-close-button-1 { right: -9px !important; top: -10px !important; } .sg-popup-content { box-shadow: none !important; border-width: 0 !important; padding: 0px !important; } .sgpb-main-html-content-wrapper p { line-height: 0; margin: 0px; } @media screen and (max-width: 575px) { body.new-home-page .sgpb-popup-close-button-1 { width: initial !important; height: initial !important; top: -10px !important; } }</style></div>
11141							</div>
11142						  </div><div data-wpr-lazyrender="1" class="sgpb-main-popup-data-container-69199" style="position:fixed;opacity: 0;filter: opacity(0%);transform: scale(0);">
11143							<div class="sg-popup-builder-content" id="sg-popup-content-wrapper-69199" data-id="69199" data-events="[{&quot;param&quot;:&quot;click&quot;,&quot;operator&quot;:&quot;clickActionCustomClass&quot;,&quot;value&quot;:&quot;skill-sprints-series-playlist&quot;,&quot;hiddenOption&quot;:[]}]" data-options="eyJzZ3BiLXR5cGUiOiJodG1sIiwic2dwYi1pcy1wcmV2aWV3IjoiMCIsInNncGItaXMtYWN0aXZlIjoiY2hlY2tlZCIsInNncGItYmVoYXZpb3ItYWZ0ZXItc3BlY2lhbC1ldmVudHMiOltbeyJwYXJhbSI6InNlbGVjdF9ldmVudCJ9XV0sInNncGItY29udGVudC1wYWRkaW5nIjoiNyIsInNncGItcG9wdXAtei1pbmRleCI6Ijk5OTkiLCJzZ3BiLXBvcHVwLXRoZW1lcyI6InNncGItdGhlbWUtMSIsInNncGItb3ZlcmxheS1jb2xvciI6IiIsInNncGItb3ZlcmxheS1vcGFjaXR5IjoiMC44Iiwic2dwYi1jb250ZW50LWN1c3RvbS1jbGFzcyI6InNnLXBvcHVwLWNvbnRlbnQiLCJzZ3BiLWJhY2tncm91bmQtaW1hZ2UtbW9kZSI6Im5vLXJlcGVhdCIsInNncGItZXNjLWtleSI6Im9uIiwic2dwYi1lbmFibGUtY2xvc2UtYnV0dG9uIjoib24iLCJzZ3BiLWNsb3NlLWJ1dHRvbi1kZWxheSI6IjAiLCJzZ3BiLWNsb3NlLWJ1dHRvbi1wb3NpdGlvbiI6ImJvdHRvbVJpZ2h0Iiwic2dwYi1idXR0b24tcG9zaXRpb24tdG9wIjoiIiwic2dwYi1idXR0b24tcG9zaXRpb24tcmlnaHQiOiI5Iiwic2dwYi1idXR0b24tcG9zaXRpb24tYm90dG9tIjoiOSIsInNncGItYnV0dG9uLXBvc2l0aW9uLWxlZnQiOiIiLCJzZ3BiLWJ1dHRvbi1pbWFnZSI6IiIsInNncGItYnV0dG9uLWltYWdlLXdpZHRoIjoiMjEiLCJzZ3BiLWJ1dHRvbi1pbWFnZS1oZWlnaHQiOiIyMSIsInNncGItYm9yZGVyLWNvbG9yIjoiIzAwMDAwMCIsInNncGItYm9yZGVyLXJhZGl1cyI6IjAiLCJzZ3BiLWJvcmRlci1yYWRpdXMtdHlwZSI6IiUiLCJzZ3BiLWJ1dHRvbi10ZXh0IjoiQ2xvc2UiLCJzZ3BiLW92ZXJsYXktY2xpY2siOiJvbiIsInNncGItcG9wdXAtZGltZW5zaW9uLW1vZGUiOiJyZXNwb25zaXZlTW9kZSIsInNncGItcmVzcG9uc2l2ZS1kaW1lbnNpb24tbWVhc3VyZSI6ImF1dG8iLCJzZ3BiLXdpZHRoIjoiNjQwcHgiLCJzZ3BiLWhlaWdodCI6IjQ4MHB4Iiwic2dwYi1tYXgtd2lkdGgiOiIiLCJzZ3BiLW1heC1oZWlnaHQiOiIiLCJzZ3BiLW1pbi13aWR0aCI6IjEyMHB4Iiwic2dwYi1taW4taGVpZ2h0IjoiIiwic2dwYi1jb3B5LXRvLWNsaXBib2FyZC1tZXNzYWdlIjoiQ29waWVkIHRvIENsaXBib2FyZCEiLCJzZ3BiLW9wZW4tYW5pbWF0aW9uLWVmZmVjdCI6Ik5vIGVmZmVjdCIsInNncGItY2xvc2UtYW5pbWF0aW9uLWVmZmVjdCI6Ik5vIGVmZmVjdCIsInNncGItZW5hYmxlLWNvbnRlbnQtc2Nyb2xsaW5nIjoib24iLCJzZ3BiLXBvcHVwLW9yZGVyIjoiMCIsInNncGItcG9wdXAtZGVsYXkiOiIwIiwic2dwYi1wb3N0LWlkIjoiNjkxOTkiLCJzZ3BiLWVuYWJsZS1wb3B1cC1vdmVybGF5Ijoib24iLCJzZ3BiLWJ1dHRvbi1pbWFnZS1kYXRhIjoiIiwic2dwYi1iYWNrZ3JvdW5kLWltYWdlLWRhdGEiOiIiLCJzZ3BiQ29uZGl0aW9ucyI6bnVsbH0=">
11144								<div  class="sgpb-popup-builder-content-69199 sgpb-popup-builder-content-html"><div class="sgpb-main-html-content-wrapper"><p><iframe title="Learn how to quickly create custom web themes using Sencha Themer - Series -1" src="" data-attr-src="https://www.youtube.com/embed/5ydpEbiA914?autoplay=1" allow="autoplay"  width="722" height="406" frameborder="0" allowfullscreen="allowfullscreen"></iframe></p>
11145</div><style id="sgpb-custom-style-69199">.sgpb-popup-dialog-main-div-theme-wrapper-1 .sgpb-popup-close-button-1 { right: -9px !important; top: -10px !important; } .sg-popup-content { box-shadow: none !important; border-width: 0 !important; padding: 0px !important; } .sgpb-main-html-content-wrapper p { line-height: 0; margin: 0px; } @media screen and (max-width: 575px) { body.new-home-page .sgpb-popup-close-button-1 { width: initial !important; height: initial !important; top: -10px !important; } }</style></div>
11146							</div>
11147						  </div><div data-wpr-lazyrender="1" class="sgpb-main-popup-data-container-69193" style="position:fixed;opacity: 0;filter: opacity(0%);transform: scale(0);">
11148							<div class="sg-popup-builder-content" id="sg-popup-content-wrapper-69193" data-id="69193" data-events="[{&quot;param&quot;:&quot;click&quot;,&quot;operator&quot;:&quot;clickActionCustomClass&quot;,&quot;value&quot;:&quot;extjs-explainer-video &quot;,&quot;hiddenOption&quot;:[]}]" data-options="eyJzZ3BiLXR5cGUiOiJodG1sIiwic2dwYi1pcy1wcmV2aWV3IjoiMCIsInNncGItaXMtYWN0aXZlIjoiY2hlY2tlZCIsInNncGItYmV
11148oYXZpb3ItYWZ0ZXItc3BlY2lhbC1ldmVudHMiOltbeyJwYXJhbSI6InNlbGVjdF9ldmVudCJ9XV0sInNncGItY29udGVudC1wYWRkaW5nIjoiNyIsInNncGItcG9wdXAtei1pbmRleCI6Ijk5OTkiLCJzZ3BiLXBvcHVwLXRoZW1lcyI6InNncGItdGhlbWUtMSIsInNncGItb3ZlcmxheS1jb2xvciI6IiIsInNncGItb3ZlcmxheS1vcGFjaXR5IjoiMC44Iiwic2dwYi1jb250ZW50LWN1c3RvbS1jbGFzcyI6InNnLXBvcHVwLWNvbnRlbnQiLCJzZ3BiLWJhY2tncm91bmQtaW1hZ2UtbW9kZSI6Im5vLXJlcGVhdCIsInNncGItZXNjLWtleSI6Im9uIiwic2dwYi1lbmFibGUtY2xvc2UtYnV0dG9uIjoib24iLCJzZ3BiLWNsb3NlLWJ1dHRvbi1kZWxheSI6IjAiLCJzZ3BiLWNsb3NlLWJ1dHRvbi1wb3NpdGlvbiI6ImJvdHRvbVJpZ2h0Iiwic2dwYi1idXR0b24tcG9zaXRpb24tdG9wIjoiIiwic2dwYi1idXR0b24tcG9zaXRpb24tcmlnaHQiOiI5Iiwic2dwYi1idXR0b24tcG9zaXRpb24tYm90dG9tIjoiOSIsInNncGItYnV0dG9uLXBvc2l0aW9uLWxlZnQiOiIiLCJzZ3BiLWJ1dHRvbi1pbWFnZSI6IiIsInNncGItYnV0dG9uLWltYWdlLXdpZHRoIjoiMjEiLCJzZ3BiLWJ1dHRvbi1pbWFnZS1oZWlnaHQiOiIyMSIsInNncGItYm9yZGVyLWNvbG9yIjoiIzAwMDAwMCIsInNncGItYm9yZGVyLXJhZGl1cyI6IjAiLCJzZ3BiLWJvcmRlci1yYWRpdXMtdHlwZSI6IiUiLCJzZ3BiLWJ1dHRvbi10ZXh0IjoiQ2xvc2UiLCJzZ3BiLW92ZXJsYXktY2xpY2siOiJvbiIsInNncGItcG9wdXAtZGltZW5zaW9uLW1vZGUiOiJyZXNwb25zaXZlTW9kZSIsInNncGItcmVzcG9uc2l2ZS1kaW1lbnNpb24tbWVhc3VyZSI6ImF1dG8iLCJzZ3BiLXdpZHRoIjoiNjQwcHgiLCJzZ3BiLWhlaWdodCI6IjQ4MHB4Iiwic2dwYi1tYXgtd2lkdGgiOiIiLCJzZ3BiLW1heC1oZWlnaHQiOiIiLCJzZ3BiLW1pbi13aWR0aCI6IjEyMHB4Iiwic2dwYi1taW4taGVpZ2h0IjoiIiwic2dwYi1vcGVuLWFuaW1hdGlvbi1lZmZlY3QiOiJObyBlZmZlY3QiLCJzZ3BiLWNsb3NlLWFuaW1hdGlvbi1lZmZlY3QiOiJObyBlZmZlY3QiLCJzZ3BiLWVuYWJsZS1jb250ZW50LXNjcm9sbGluZyI6Im9uIiwic2dwYi1wb3B1cC1vcmRlciI6IjAiLCJzZ3BiLXBvcHVwLWRlbGF5IjoiMCIsInNncGItcG9zdC1pZCI6IjY5MTkzIiwic2dwYi1lbmFibGUtcG9wdXAtb3ZlcmxheSI6Im9uIiwic2dwYi1idXR0b24taW1hZ2UtZGF0YSI6IiIsInNncGItYmFja2dyb3VuZC1pbWFnZS1kYXRhIjoiIiwic2dwYkNvbmRpdGlvbnMiOm51bGx9">
11149								<div  class="sgpb-popup-builder-content-69193 sgpb-popup-builder-content-html"><div class="sgpb-main-html-content-wrapper"><p><iframe title="Ext JS in 65 Seconds - Powerful JavaScript Framework for Web App Development" src="" data-attr-src="https://www.youtube.com/embed/u_YiFJUCvX4?autoplay=1" allow="autoplay" width="722" height="406" frameborder="0" allowfullscreen="allowfullscreen"></iframe></p>
11150</div><style id="sgpb-custom-style-69193">.sgpb-popup-dialog-main-div-theme-wrapper-1 .sgpb-popup-close-button-1 { right: -9px !important; top: -10px !important; } .sg-popup-content { box-shadow: none !important; border-width: 0 !important; padding: 0px !important; } .sgpb-main-html-content-wrapper p { line-height: 0; margin: 0px; } @media screen and (max-width: 575px) { body.new-home-page .sgpb-popup-close-button-1 { width: initial !important; height: initial !important; top: -10px !important; } }</style></div>
11151							</div>
11152						  </div><div data-wpr-lazyrender="1" class="sgpb-main-popup-data-container-68366" style="position:fixed;opacity: 0;filter: opacity(0%);transform: scale(0);">
11153							<div class="sg-popup-builder-content" id="sg-popup-content-wrapper-68366" data-id="68366" data-events="[{&quot;param&quot;:&quot;click&quot;,&quot;operator&quot;:&quot;clickActionCustomClass&quot;,&quot;value&quot;:&quot;reext-demo&quot;,&quot;hiddenOption&quot;:[]}]" data-options="eyJzZ3BiLXR5cGUiOiJodG1sIiwic2dwYi1pcy1wcmV2aWV3IjoiMCIsInNncGItaXMtYWN0aXZlIjoiY2hlY2tlZCIsInNncGItYmVoYXZpb3ItYWZ0ZXItc3BlY2lhbC1ldmVudHMiOltbeyJwYXJhbSI6InNlbGVjdF9ldmVudCJ9XV0sInNncGItY29udGVudC1wYWRkaW5nIjoiNyIsInNncGItcG9wdXAtei1pbmRleCI6Ijk5OTkiLCJzZ3BiLXBvcHVwLXRoZW1lcyI6InNncGItdGhlbWUtMSIsInNncGItb3ZlcmxheS1jb2xvciI6IiIsInNncGItb3ZlcmxheS1vcGFjaXR5IjoiMC44Iiwic2dwYi1jb250ZW50LWN1c3RvbS1jbGFzcyI6InNnLXBvcHVwLWNvbnRlbnQiLCJzZ3BiLWJhY2tncm91bmQtaW1hZ2UtbW9kZSI6Im5vLXJlcGVhdCIsInNncGItZXNjLWtleSI6Im9uIiwic2dwYi1lbmFibGUtY2xvc2UtYnV0dG9uIjoib24iLCJzZ3BiLWNsb3NlLWJ1dHRvbi1kZWxheSI6IjAiLCJzZ3BiLWNsb3NlLWJ1dHRvbi1wb3NpdGlvbiI6ImJvdHRvbVJpZ2h0Iiwic2dwYi1idXR0b24tcG9zaXRpb24tdG9wIjoiIiwic2dwYi1idXR0b24tcG9zaXRpb24tcmlnaHQiOiI5Iiwic2dwYi1idXR0b24tcG9zaXRpb24tYm90dG9tIjoiOSIsInNncGItYnV0dG9uLXBvc2l0aW9uLWxlZnQiOiIiLCJzZ3BiLWJ1dHRvbi1pbWFnZSI6IiIsInNncGItYnV0dG9uLWltYWdlLXdpZHRoIjoiMjEiLCJzZ3BiLWJ1dHRvbi1pbWFnZS1oZWlnaHQiOiIyMSIsInNncGItYm9yZGVyLWNvbG9yIjoiIzAwMDAwMCIsInNncGItYm9yZGVyLXJhZGl1cyI6IjAiLCJzZ3BiLWJvcmRlci1yYWRpdXMtdHlwZSI6IiUiLCJzZ3BiLWJ1dHRvbi10ZXh0IjoiQ2xvc2UiLCJzZ3BiLW92ZXJsYXktY2xpY2siOiJvbiIsInNncGItcG9wdXAtZGltZW5zaW9uLW1vZGUiOiJyZXNwb25zaXZlTW9
11153kZSIsInNncGItcmVzcG9uc2l2ZS1kaW1lbnNpb24tbWVhc3VyZSI6ImF1dG8iLCJzZ3BiLXdpZHRoIjoiNjQwcHgiLCJzZ3BiLWhlaWdodCI6IjQ4MHB4Iiwic2dwYi1tYXgtd2lkdGgiOiIiLCJzZ3BiLW1heC1oZWlnaHQiOiIiLCJzZ3BiLW1pbi13aWR0aCI6IjEyMHB4Iiwic2dwYi1taW4taGVpZ2h0IjoiIiwic2dwYi1vcGVuLWFuaW1hdGlvbi1lZmZlY3QiOiJObyBlZmZlY3QiLCJzZ3BiLWNsb3NlLWFuaW1hdGlvbi1lZmZlY3QiOiJObyBlZmZlY3QiLCJzZ3BiLWVuYWJsZS1jb250ZW50LXNjcm9sbGluZyI6Im9uIiwic2dwYi1wb3B1cC1vcmRlciI6IjAiLCJzZ3BiLXBvcHVwLWRlbGF5IjoiMCIsInNncGItcG9zdC1pZCI6IjY4MzY2Iiwic2dwYi1lbmFibGUtcG9wdXAtb3ZlcmxheSI6Im9uIiwic2dwYi1idXR0b24taW1hZ2UtZGF0YSI6IiIsInNncGItYmFja2dyb3VuZC1pbWFnZS1kYXRhIjoiIiwic2dwYkNvbmRpdGlvbnMiOm51bGx9">
11154								<div  class="sgpb-popup-builder-content-68366 sgpb-popup-builder-content-html"><div class="sgpb-main-html-content-wrapper"><p><!-- 
11155
11156<div class="reext-video">
11157    <img src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20100%2050'%3E%3C/svg%3E" alt="coming soon" width="100px" height="50px" data-lazy-src="/wp-content/uploads/2024/02/coming-soon-alarm.png"/><noscript><img src="/wp-content/uploads/2024/02/coming-soon-alarm.png" alt="coming soon" width="100px" height="50px"/></noscript>
11158    
11159
11160<h4>Something Awesome Is</h4>
11161
11162
11163    
11164
11165<div class="cs-loader ">
11166        
11167
11168<div class="waviy">
11169            <span>C</span><span>O</span><span>M</span><span>I</span><span>N</span><span>G </span><span>S</span><span>O</span><span>O</span><span>N</span><span>!</span>
11170        </div>
11171
11172
11173    </div>
11174
11175
11176</div>
11177
11178
11179<iframe width="708" height="398" src="" data-attr-src="https://www.youtube.com/embed/iqLFb4laRwA" title="How to use Ext JS Components in React Applications - ReExt | JS Days 2024" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe> --></p>
11180<p><iframe width="708" height="398" src="" data-attr-src="https://www.youtube.com/embed/J0_sLt4z0Tc" title="How to Get Started with ReExt | Quick Demo for Building React Apps" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe></p>
11181</div><style id="sgpb-custom-style-68366">.sgpb-popup-dialog-main-div-theme-wrapper-1 .sgpb-popup-close-button-1 { right: -9px !important; top: -10px !important; } .sg-popup-content { box-shadow: none !important; border-width: 0 !important; padding: 0px !important; } .sgpb-main-html-content-wrapper p { line-height: 0; margin: 0px; } /* .reext-video { padding: 50px 30px; min-height: 120px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; } .reext-video h4 { display: block; text-align: center; margin: 0 0 15px; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent; background: linear-gradient(to bottom, #0c87c3, #06425c); width: 100%; line-height: 1.2; } .cs-loader { display: flex; align-items: center; justify-content: center; } .cs-loader .waviy { -webkit-box-reflect: below -5px linear-gradient(transparent, rgba(0, 0, 0, 0.4)); } .cs-loader .waviy span { text-transform: uppercase; letter-spacing: 3px; font-family: var(--font-ter); font-size: 22px; font-weight: 800; position: relative; display: inline-block; text-transform: uppercase; animation: waviy 1s infinite; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent; background: linear-gradient(to bottom, #0c87c3, #06425c); line-height: 1.3; } @keyframes waviy { 0%, 40%, 100% { transform: translateY(0) } 20% { transform: translateY(-5px) } } .reext-video img { margin-bottom: 30px; } .cs-loader .waviy span:nth-child(1) { animation-delay: calc(0.1s * (1)); } .cs-loader .waviy span:nth-child(2) { animation-delay: calc(0.1s * (2)); } .cs-loader .waviy span:nth-child(3) { animation-delay: calc(0.1s * (3)); } .cs-loader .waviy span:nth-child(4) { animation-delay: calc(0.1s * (4)); } .cs-loader .waviy span:nth-child(5) { animation-delay: calc(0.1s * (5)); } .cs-loader .waviy span:nth-child(6) { animation-delay: calc(0.1s * (6)); } .cs-loader .waviy span:nth-child(7) { animation-delay: calc(0.1s * (7)); } .cs-loader .waviy span:nth-child(8) { animation-delay: calc(0.1s * (8)); } .cs-loader .waviy span:nth-child(9) { animation-delay: calc(0.1s * (9)); } .cs-loader .waviy span:nth-child(10) { animation-delay: calc(0.1s * (10)); } .cs-loader .waviy span:nth-child(11) { animation-delay: calc(0.1s * (11)); } .cs-loader .waviy span:nth-child(12) { animation-delay: calc(0.1s * (12)); } */ @media screen and (max-width: 575px) { body.new-home-page .sgpb-popup-close-button-1 { width: initial !important; height: initial !important; top: -10px !important; } }</style></div>
11182							</div>
11183						  </div><div data-wpr-lazyrender="1" class="sgpb-main-popup-data-container-67267" style="position:fixed;opacity: 0;filter: opacity(0%);transform: scale(0);">
11184							<div class="sg-popup-builder-content" id="sg-popup-content-wrapper-67267" data-id="67267" data-events="[{&quot;param&quot;:&quot;click&quot;,&quot;operator&quot;:&quot;clickActionCustomClass&quot;,&quot;value&quot;:&quot;consuming-external-libraries&quot;,&quot;hiddenOption&quot;:[]}]" data-options="eyJzZ3BiLWZsb2F0aW5nLWJ1dHRvbi1zdHlsZSI6ImNvcm5lciIsInNncGItZmxvYXRpbmctYnV0dG9uLXBvc2l0aW9uIjoiYm90dG9tLXJpZ2h0Iiwic2dwYi10eXBlIjoiaHRtbCIsInNncGItaXMtcHJldmlldyI6IjAiLCJzZ3BiLWlzLWFjdGl2ZSI6ImNoZWNrZWQiLCJzZ3BiLWJlaGF2aW9yLWFmdGVyLXNwZWNpYWwtZXZlbnRzIjpbW3sicGFyYW0iOiJzZWxlY3RfZXZlbnQifV1dLCJzZ3BiLWVzYy1rZXkiOiJvbiIsInNncGItZW5hYmxlLWNsb3NlLWJ1dHRvbiI6Im9uIiwic2dwYi1jbG9zZS1idXR0b24tZGVsYXkiOiIwIiwic2dwYi1jbG9zZS1idXR0b24tcG9zaXRpb24iOiJib3R0b21SaWdodCIsInNncGItYnV0dG9uLXBvc2l0aW9uLXRvcCI6IiIsInNncGItYnV0dG9uLXBvc2l0aW9uLXJpZ2h0IjoiOSIsInNncGItYnV0dG9uLXBvc2l0aW9uLWJvdHRvbSI6IjkiLCJzZ3BiLWJ1dHRvbi1wb3NpdGlvbi1sZWZ0IjoiIiwic2dwYi1idXR0b24taW1hZ2UiOiIiLCJzZ3BiLWJ1dHRvbi1pbWFnZS13aWR0aCI6IjI
11184xIiwic2dwYi1idXR0b24taW1hZ2UtaGVpZ2h0IjoiMjEiLCJzZ3BiLWJvcmRlci1jb2xvciI6IiMwMDAwMDAiLCJzZ3BiLWJvcmRlci1yYWRpdXMiOiIwIiwic2dwYi1ib3JkZXItcmFkaXVzLXR5cGUiOiIlIiwic2dwYi1idXR0b24tdGV4dCI6IkNsb3NlIiwic2dwYi1vdmVybGF5LWNsaWNrIjoib24iLCJzZ3BiLWNvbnRlbnQtcGFkZGluZyI6IjciLCJzZ3BiLXBvcHVwLXotaW5kZXgiOiI5OTk5Iiwic2dwYi1wb3B1cC10aGVtZXMiOiJzZ3BiLXRoZW1lLTEiLCJzZ3BiLW92ZXJsYXktY3VzdG9tLWNsYXNzIjoic2dwYi1wb3B1cC1vdmVybGF5Iiwic2dwYi1vdmVybGF5LWNvbG9yIjoiIiwic2dwYi1vdmVybGF5LW9wYWNpdHkiOiIwLjgiLCJzZ3BiLWNvbnRlbnQtY3VzdG9tLWNsYXNzIjoic2ctcG9wdXAtY29udGVudCIsInNncGItYmFja2dyb3VuZC1pbWFnZS1tb2RlIjoibm8tcmVwZWF0Iiwic2dwYi1wb3B1cC1kaW1lbnNpb24tbW9kZSI6InJlc3BvbnNpdmVNb2RlIiwic2dwYi1yZXNwb25zaXZlLWRpbWVuc2lvbi1tZWFzdXJlIjoiYXV0byIsInNncGItd2lkdGgiOiI2NDBweCIsInNncGItaGVpZ2h0IjoiNDgwcHgiLCJzZ3BiLW1heC13aWR0aCI6IiIsInNncGItbWF4LWhlaWdodCI6IiIsInNncGItbWluLXdpZHRoIjoiMTIwIiwic2dwYi1taW4taGVpZ2h0IjoiIiwic2dwYi1vcGVuLWFuaW1hdGlvbi1lZmZlY3QiOiJObyBlZmZlY3QiLCJzZ3BiLWNsb3NlLWFuaW1hdGlvbi1lZmZlY3QiOiJObyBlZmZlY3QiLCJzZ3BiLWVuYWJsZS1jb250ZW50LXNjcm9sbGluZyI6Im9uIiwic2dwYi1wb3B1cC1vcmRlciI6IjAiLCJzZ3BiLXBvcHVwLWRlbGF5IjoiMCIsInNncGItanMiOiJKUyIsInNncGItY3NzIjoiQ1NTIiwic2dwYi1wb3N0LWlkIjoiNjcyNjciLCJzZ3BiLWVuYWJsZS1wb3B1cC1vdmVybGF5Ijoib24iLCJzZ3BiLWJ1dHRvbi1pbWFnZS1kYXRhIjoiIiwic2dwYi1iYWNrZ3JvdW5kLWltYWdlLWRhdGEiOiIiLCJzZ3BiQ29uZGl0aW9ucyI6bnVsbH0=">
11185								<div  class="sgpb-popup-builder-content-67267 sgpb-popup-builder-content-html"><div class="sgpb-main-html-content-wrapper"><p><iframe width="560" height="315" src="" data-attr-src="https://www.youtube.com/embed/hWuoVXD4UPk?si=vJrqKSI6IFj2WHxc&amp;autoplay=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></p>
11186</div></div>
11187							</div>
11188						  </div><div data-wpr-lazyrender="1" class="sgpb-main-popup-data-container-66979" style="position:fixed;opacity: 0;filter: opacity(0%);transform: scale(0);">
11189							<div class="sg-popup-builder-content" id="sg-popup-content-wrapper-66979" data-id="66979" data-events="[{&quot;param&quot;:&quot;click&quot;,&quot;operator&quot;:&quot;clickActionCustomClass&quot;,&quot;value&quot;:&quot;skill-sprint-series-webinar&quot;,&quot;hiddenOption&quot;:[]}]" data-options="eyJzZ3BiLWZsb2F0aW5nLWJ1dHRvbi1zdHlsZSI6ImNvcm5lciIsInNncGItZmxvYXRpbmctYnV0dG9uLXBvc2l0aW9uIjoiYm90dG9tLXJpZ2h0Iiwic2dwYi10eXBlIjoiaHRtbCIsInNncGItaXMtcHJldmlldyI6IjAiLCJzZ3BiLWlzLWFjdGl2ZSI6ImNoZWNrZWQiLCJzZ3BiLWJlaGF2aW9yLWFmdGVyLXNwZWNpYWwtZXZlbnRzIjpbW3sicGFyYW0iOiJzZWxlY3RfZXZlbnQifV1dLCJzZ3BiLWVzYy1rZXkiOiJvbiIsInNncGItZW5hYmxlLWNsb3NlLWJ1dHRvbiI6Im9uIiwic2dwYi1jbG9zZS1idXR0b24tZGVsYXkiOiIwIiwic2dwYi1jbG9zZS1idXR0b24tcG9zaXRpb24iOiJib3R0b21SaWdodCIsInNncGItYnV0dG9uLXBvc2l0aW9uLXRvcCI6IiIsInNncGItYnV0dG9uLXBvc2l0aW9uLXJpZ2h0IjoiOSIsInNncGItYnV0dG9uLXBvc2l0aW9uLWJvdHRvbSI6IjkiLCJzZ3BiLWJ1dHRvbi1wb3NpdGlvbi1sZWZ0IjoiIiwic2dwYi1idXR0b24taW1hZ2UiOiIiLCJzZ3BiLWJ1dHRvbi1pbWFnZS13aWR0aCI6IjIxIiwic2dwYi1idXR0b24taW1hZ2UtaGVpZ2h0IjoiMjEiLCJzZ3BiLWJvcmRlci1jb2xvciI6IiMwMDAwMDAiLCJzZ3BiLWJvcmRlci1yYWRpdXMiOiIwIiwic2dwYi1ib3JkZXItcmFkaXVzLXR5cGUiOiIlIiwic2dwYi1idXR0b24tdGV4dCI6IkNsb3NlIiwic2dwYi1vdmVybGF5LWNsaWNrIjoib24iLCJzZ3BiLWNvbnRlbnQtcGFkZGluZyI6IjciLCJzZ3BiLXBvcHVwLXotaW5kZXgiOiI5OTk5Iiwic2dwYi1wb3B1cC10aGVtZXMiOiJzZ3BiLXRoZW1lLTEiLCJzZ3BiLW92ZXJsYXktY3VzdG9tLWNsYXNzIjoic2dwYi1wb3B1cC1vdmVybGF5Iiwic2dwYi1vdmVybGF5LWNvbG9yIjoiIiwic2dwYi1vdmVybGF5LW9wYWNpdHkiOiIwLjgiLCJzZ3BiLWNvbnRlbnQtY3VzdG9tLWNsYXNzIjoic2ctcG9wdXAtY29udGVudCIsInNncGItYmFja2dyb3VuZC1pbWFnZS1tb2RlIjoibm8tcmVwZWF0Iiwic2dwYi1wb3B1cC1kaW1lbnNpb24tbW9kZSI6InJlc3BvbnNpdmVNb2RlIiwic2dwYi1yZXNwb25zaXZlLWRpbWVuc2lvbi1tZWFzdXJlIjoiYXV0byIsInNncGItd2lkdGgiOiI2NDBweCIsInNncGItaGVpZ2h0IjoiNDgwcHgiLCJzZ3BiLW1heC13aWR0aCI6IiIsInNncGItbWF4LWhlaWdodCI6IiIsInNncGItbWluLXdpZHRoIjoiMTIwIiwic2dwYi1taW4taGVpZ2h0IjoiIiwic2dwYi1vcGVuLWFuaW1hdGlvbi1lZmZlY3QiOiJObyBlZmZlY3QiLCJzZ3BiLWNsb3NlLWFuaW1hdGlvbi1lZmZlY3QiOiJObyBlZmZlY3QiLCJzZ3BiLWVuYWJsZS1jb250ZW50LXNjcm9sbGluZyI6Im9uIiwic2dwYi1wb3B1cC1vcmRlciI6IjAiLCJzZ3BiLXBvcHVwLWRlbGF5IjoiMCIsInNncGItanMiOiJKUyIsInNncGItY3NzIjoiQ1NTIiwic2dwYi1wb3N0LWlkIjoiNjY5NzkiLCJzZ3BiLWVuYWJsZS1wb3B1cC1vdmVybGF5Ijoib24iLCJzZ3BiLWJ1dHRvbi1pbWFnZS1kYXRhIjoiIiwic2dwYi1iYWNrZ3JvdW5kLWltYWdlLWRhdGEiOiIiLCJzZ3BiQ29uZGl0aW9ucyI6bnVsbH0=">
11190								<div  class="sgpb-popup-builder-content-66979 sgpb-popup-builder-content-html"><div class="sgpb-main-html-content-wrapper"><p><iframe width="560" height="315" src="" data-attr-src="https://www.youtube.com/embed/be6PzOYKlhY?si=TTNWYlf2w-sblnEx&amp;autoplay=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></p>
11191</div></div>
11192							</div>
11193						  </div><div data-wpr-lazyrender="1" class="sgpb-main-popup-data-container-66997" style="position:fixed;opacity: 0;filter: opacity(0%);transform: scale(0);">
11194							<div class="sg-popup-builder-content" id="sg-popup-content-wrapper-66997" data-id="66997" data-events="[{&quot;param&quot;:&quot;click&quot;,&quot;operator&quot;:&quot;clickActionCustomClass&quot;,&quot;value&quot;:&quot;series8&quot;,&quot;hiddenOption&quot;:[]}]" data-options="eyJzZ3BiLWZsb2F0aW5nLWJ1dHRvbi1zdHlsZSI6ImNvcm5lciIsInNncGItZmxvYXRpbmctYnV0dG9uLXBvc2l0aW9uIjoiYm90dG9tLXJpZ2h0Iiwic2dwYi10eXBlIjoiaHRtbCIsInNncGItaXMtcHJldmlldyI6IjAiLCJzZ3BiLWlzLWFjdGl2ZSI6ImNoZWNrZWQiLCJzZ3BiLWJlaGF2aW9yLWFmdGVyLXNwZWNpYWwtZXZlbnRzIjpbW3sicGFyYW0iOiJzZWxlY3RfZXZlbnQifV1dLCJzZ3BiLWVzYy1rZXkiOiJvbiIsInNncGItZW5hYmxlLWNsb3NlLWJ1dHRvbiI6Im9uIiwic2dwYi1jbG9zZS1idXR0b24tZGVsYXkiOiIwIiwic2dwYi1jbG9zZS1idXR0b24tcG9zaXRpb24iOiJib3R0b21SaWdodCIsInNncGItYnV0dG9uLXBvc2l0aW9uLXRvcCI6IiIsInNncGItYnV0dG9uLXBvc2l0aW9uLXJpZ2h0IjoiOSIsInNncGItYnV0dG9uLXBvc2l0aW9uLWJvdHRvbSI6IjkiLCJzZ3BiLWJ1dHRvbi1wb3NpdGlvbi1sZWZ0IjoiIiwic2dwYi1idXR0b24taW1hZ2UiOiIiLCJzZ3BiLWJ1dHRvbi1pbWFnZS13aWR0aCI6IjI
11194xIiwic2dwYi1idXR0b24taW1hZ2UtaGVpZ2h0IjoiMjEiLCJzZ3BiLWJvcmRlci1jb2xvciI6IiMwMDAwMDAiLCJzZ3BiLWJvcmRlci1yYWRpdXMiOiIwIiwic2dwYi1ib3JkZXItcmFkaXVzLXR5cGUiOiIlIiwic2dwYi1idXR0b24tdGV4dCI6IkNsb3NlIiwic2dwYi1vdmVybGF5LWNsaWNrIjoib24iLCJzZ3BiLWNvbnRlbnQtcGFkZGluZyI6IjciLCJzZ3BiLXBvcHVwLXotaW5kZXgiOiI5OTk5Iiwic2dwYi1wb3B1cC10aGVtZXMiOiJzZ3BiLXRoZW1lLTEiLCJzZ3BiLW92ZXJsYXktY3VzdG9tLWNsYXNzIjoic2dwYi1wb3B1cC1vdmVybGF5Iiwic2dwYi1vdmVybGF5LWNvbG9yIjoiIiwic2dwYi1vdmVybGF5LW9wYWNpdHkiOiIwLjgiLCJzZ3BiLWNvbnRlbnQtY3VzdG9tLWNsYXNzIjoic2ctcG9wdXAtY29udGVudCIsInNncGItYmFja2dyb3VuZC1pbWFnZS1tb2RlIjoibm8tcmVwZWF0Iiwic2dwYi1wb3B1cC1kaW1lbnNpb24tbW9kZSI6InJlc3BvbnNpdmVNb2RlIiwic2dwYi1yZXNwb25zaXZlLWRpbWVuc2lvbi1tZWFzdXJlIjoiYXV0byIsInNncGItd2lkdGgiOiI2NDBweCIsInNncGItaGVpZ2h0IjoiNDgwcHgiLCJzZ3BiLW1heC13aWR0aCI6IiIsInNncGItbWF4LWhlaWdodCI6IiIsInNncGItbWluLXdpZHRoIjoiMTIwIiwic2dwYi1taW4taGVpZ2h0IjoiIiwic2dwYi1vcGVuLWFuaW1hdGlvbi1lZmZlY3QiOiJObyBlZmZlY3QiLCJzZ3BiLWNsb3NlLWFuaW1hdGlvbi1lZmZlY3QiOiJObyBlZmZlY3QiLCJzZ3BiLWVuYWJsZS1jb250ZW50LXNjcm9sbGluZyI6Im9uIiwic2dwYi1wb3B1cC1vcmRlciI6IjAiLCJzZ3BiLXBvcHVwLWRlbGF5IjoiMCIsInNncGItanMiOiJKUyIsInNncGItY3NzIjoiQ1NTIiwic2dwYi1wb3N0LWlkIjoiNjY5OTciLCJzZ3BiLWVuYWJsZS1wb3B1cC1vdmVybGF5Ijoib24iLCJzZ3BiLWJ1dHRvbi1pbWFnZS1kYXRhIjoiIiwic2dwYi1iYWNrZ3JvdW5kLWltYWdlLWRhdGEiOiIiLCJzZ3BiQ29uZGl0aW9ucyI6bnVsbH0=">
11195								<div  class="sgpb-popup-builder-content-66997 sgpb-popup-builder-content-html"><div class="sgpb-main-html-content-wrapper"><p><iframe width="560" height="315" src="" data-attr-src="https://www.youtube.com/embed/WEInY6OHmeQ?si=HN7FY-lz0Pp20JAo&amp;autoplay=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></p>
11196</div></div>
11197							</div>
11198						  </div><div data-wpr-lazyrender="1" class="sgpb-main-popup-data-container-66603" style="position:fixed;opacity: 0;filter: opacity(0%);transform: scale(0);">
11199							<div class="sg-popup-builder-content" id="sg-popup-content-wrapper-66603" data-id="66603" data-events="[{&quot;param&quot;:&quot;click&quot;,&quot;operator&quot;:&quot;clickActionCustomClass&quot;,&quot;value&quot;:&quot;series7&quot;,&quot;hiddenOption&quot;:[]}]" data-options="eyJzZ3BiLWZsb2F0aW5nLWJ1dHRvbi1zdHlsZSI6ImNvcm5lciIsInNncGItZmxvYXRpbmctYnV0dG9uLXBvc2l0aW9uIjoiYm90dG9tLXJpZ2h0Iiwic2dwYi10eXBlIjoiaHRtbCIsInNncGItaXMtcHJldmlldyI6IjAiLCJzZ3BiLWlzLWFjdGl2ZSI6ImNoZWNrZWQiLCJzZ3BiLWJlaGF2aW9yLWFmdGVyLXNwZWNpYWwtZXZlbnRzIjpbW3sicGFyYW0iOiJzZWxlY3RfZXZlbnQifV1dLCJzZ3BiLWVzYy1rZXkiOiJvbiIsInNncGItZW5hYmxlLWNsb3NlLWJ1dHRvbiI6Im9uIiwic2dwYi1jbG9zZS1idXR0b24tZGVsYXkiOiIwIiwic2dwYi1jbG9zZS1idXR0b24tcG9zaXRpb24iOiJib3R0b21SaWdodCIsInNncGItYnV0dG9uLXBvc2l0aW9uLXRvcCI6IiIsInNncGItYnV0dG9uLXBvc2l0aW9uLXJpZ2h0IjoiOSIsInNncGItYnV0dG9uLXBvc2l0aW9uLWJvdHRvbSI6IjkiLCJzZ3BiLWJ1dHRvbi1wb3NpdGlvbi1sZWZ0IjoiIiwic2dwYi1idXR0b24taW1hZ2UiOiIiLCJzZ3BiLWJ1dHRvbi1pbWFnZS13aWR0aCI6IjIxIiwic2dwYi1idXR0b24taW1hZ2UtaGVpZ2h0IjoiMjEiLCJzZ3BiLWJvcmRlci1jb2xvciI6IiMwMDAwMDAiLCJzZ3BiLWJvcmRlci1yYWRpdXMiOiIwIiwic2dwYi1ib3JkZXItcmFkaXVzLXR5cGUiOiIlIiwic2dwYi1idXR0b24tdGV4dCI6IkNsb3NlIiwic2dwYi1vdmVybGF5LWNsaWNrIjoib24iLCJzZ3BiLWNvbnRlbnQtcGFkZGluZyI6IjciLCJzZ3BiLXBvcHVwLXotaW5kZXgiOiI5OTk5Iiwic2dwYi1wb3B1cC10aGVtZXMiOiJzZ3BiLXRoZW1lLTEiLCJzZ3BiLW92ZXJsYXktY3VzdG9tLWNsYXNzIjoic2dwYi1wb3B1cC1vdmVybGF5Iiwic2dwYi1vdmVybGF5LWNvbG9yIjoiIiwic2dwYi1vdmVybGF5LW9wYWNpdHkiOiIwLjgiLCJzZ3BiLWNvbnRlbnQtY3VzdG9tLWNsYXNzIjoic2ctcG9wdXAtY29udGVudCIsInNncGItYmFja2dyb3VuZC1pbWFnZS1tb2RlIjoibm8tcmVwZWF0Iiwic2dwYi1wb3B1cC1kaW1lbnNpb24tbW9kZSI6InJlc3BvbnNpdmVNb2RlIiwic2dwYi1yZXNwb25zaXZlLWRpbWVuc2lvbi1tZWFzdXJlIjoiYXV0byIsInNncGItd2lkdGgiOiI2NDBweCIsInNncGItaGVpZ2h0IjoiNDgwcHgiLCJzZ3BiLW1heC13aWR0aCI6IiIsInNncGItbWF4LWhlaWdodCI6IiIsInNncGItbWluLXdpZHRoIjoiMTIwIiwic2dwYi1taW4taGVpZ2h0IjoiIiwic2dwYi1vcGVuLWFuaW1hdGlvbi1lZmZlY3QiOiJObyBlZmZlY3QiLCJzZ3BiLWNsb3NlLWFuaW1hdGlvbi1lZmZlY3QiOiJObyBlZmZlY3QiLCJzZ3BiLWVuYWJsZS1jb250ZW50LXNjcm9sbGluZyI6Im9uIiwic2dwYi1wb3B1cC1vcmRlciI6IjAiLCJzZ3BiLXBvcHVwLWRlbGF5IjoiMCIsInNncGItanMiOiJKUyIsInNncGItY3NzIjoiQ1NTIiwic2dwYi1wb3N0LWlkIjoiNjY2MDMiLCJzZ3BiLWVuYWJsZS1wb3B1cC1vdmVybGF5Ijoib24iLCJzZ3BiLWJ1dHRvbi1pbWFnZS1kYXRhIjoiIiwic2dwYi1iYWNrZ3JvdW5kLWltYWdlLWRhdGEiOiIiLCJzZ3BiQ29uZGl0aW9ucyI6bnVsbH0=">
11200								<div  class="sgpb-popup-builder-content-66603 sgpb-popup-builder-content-html"><div class="sgpb-main-html-content-wrapper"><p><iframe width="560" height="315" src="" data-attr-src="https://www.youtube.com/embed/7KMkyNTRifE?si=L4zwBK4Oe23F47d2&amp;autoplay=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></p>
11201</div></div>
11202							</div>
11203						  </div><div data-wpr-lazyrender="1" class="sgpb-main-popup-data-container-66601" style="position:fixed;opacity: 0;filter: opacity(0%);transform: scale(0);">
11204							<div class="sg-popup-builder-content" id="sg-popup-content-wrapper-66601" data-id="66601" data-events="[{&quot;param&quot;:&quot;click&quot;,&quot;operator&quot;:&quot;clickActionCustomClass&quot;,&quot;value&quot;:&quot;series6&quot;,&quot;hiddenOption&quot;:[]}]" data-options="eyJzZ3BiLWZsb2F0aW5nLWJ1dHRvbi1zdHlsZSI6ImNvcm5lciIsInNncGItZmxvYXRpbmctYnV0dG9uLXBvc2l0aW9uIjoiYm90dG9tLXJpZ2h0Iiwic2dwYi10eXBlIjoiaHRtbCIsInNncGItaXMtcHJldmlldyI6IjAiLCJzZ3BiLWlzLWFjdGl2ZSI6ImNoZWNrZWQiLCJzZ3BiLWJlaGF2aW9yLWFmdGVyLXNwZWNpYWwtZXZlbnRzIjpbW3sicGFyYW0iOiJzZWxlY3RfZXZlbnQifV1dLCJzZ3BiLWVzYy1rZXkiOiJvbiIsInNncGItZW5hYmxlLWNsb3NlLWJ1dHRvbiI6Im9uIiwic2dwYi1jbG9zZS1idXR0b24tZGVsYXkiOiIwIiwic2dwYi1jbG9zZS1idXR0b24tcG9zaXRpb24iOiJib3R0b21SaWdodCIsInNncGItYnV0dG9uLXBvc2l0aW9uLXRvcCI6IiIsInNncGItYnV0dG9uLXBvc2l0aW9uLXJpZ2h0IjoiOSIsInNncGItYnV0dG9uLXBvc2l0aW9uLWJvdHRvbSI6IjkiLCJzZ3BiLWJ1dHRvbi1wb3NpdGlvbi1sZWZ0IjoiIiwic2dwYi1idXR0b24taW1hZ2UiOiIiLCJzZ3BiLWJ1dHRvbi1pbWFnZS13aWR0aCI6IjI
11204xIiwic2dwYi1idXR0b24taW1hZ2UtaGVpZ2h0IjoiMjEiLCJzZ3BiLWJvcmRlci1jb2xvciI6IiMwMDAwMDAiLCJzZ3BiLWJvcmRlci1yYWRpdXMiOiIwIiwic2dwYi1ib3JkZXItcmFkaXVzLXR5cGUiOiIlIiwic2dwYi1idXR0b24tdGV4dCI6IkNsb3NlIiwic2dwYi1vdmVybGF5LWNsaWNrIjoib24iLCJzZ3BiLWNvbnRlbnQtcGFkZGluZyI6IjciLCJzZ3BiLXBvcHVwLXotaW5kZXgiOiI5OTk5Iiwic2dwYi1wb3B1cC10aGVtZXMiOiJzZ3BiLXRoZW1lLTEiLCJzZ3BiLW92ZXJsYXktY3VzdG9tLWNsYXNzIjoic2dwYi1wb3B1cC1vdmVybGF5Iiwic2dwYi1vdmVybGF5LWNvbG9yIjoiIiwic2dwYi1vdmVybGF5LW9wYWNpdHkiOiIwLjgiLCJzZ3BiLWNvbnRlbnQtY3VzdG9tLWNsYXNzIjoic2ctcG9wdXAtY29udGVudCIsInNncGItYmFja2dyb3VuZC1pbWFnZS1tb2RlIjoibm8tcmVwZWF0Iiwic2dwYi1wb3B1cC1kaW1lbnNpb24tbW9kZSI6InJlc3BvbnNpdmVNb2RlIiwic2dwYi1yZXNwb25zaXZlLWRpbWVuc2lvbi1tZWFzdXJlIjoiYXV0byIsInNncGItd2lkdGgiOiI2NDBweCIsInNncGItaGVpZ2h0IjoiNDgwcHgiLCJzZ3BiLW1heC13aWR0aCI6IiIsInNncGItbWF4LWhlaWdodCI6IiIsInNncGItbWluLXdpZHRoIjoiMTIwIiwic2dwYi1taW4taGVpZ2h0IjoiIiwic2dwYi1vcGVuLWFuaW1hdGlvbi1lZmZlY3QiOiJObyBlZmZlY3QiLCJzZ3BiLWNsb3NlLWFuaW1hdGlvbi1lZmZlY3QiOiJObyBlZmZlY3QiLCJzZ3BiLWVuYWJsZS1jb250ZW50LXNjcm9sbGluZyI6Im9uIiwic2dwYi1wb3B1cC1vcmRlciI6IjAiLCJzZ3BiLXBvcHVwLWRlbGF5IjoiMCIsInNncGItanMiOiJKUyIsInNncGItY3NzIjoiQ1NTIiwic2dwYi1wb3N0LWlkIjoiNjY2MDEiLCJzZ3BiLWVuYWJsZS1wb3B1cC1vdmVybGF5Ijoib24iLCJzZ3BiLWJ1dHRvbi1pbWFnZS1kYXRhIjoiIiwic2dwYi1iYWNrZ3JvdW5kLWltYWdlLWRhdGEiOiIiLCJzZ3BiQ29uZGl0aW9ucyI6bnVsbH0=">
11205								<div  class="sgpb-popup-builder-content-66601 sgpb-popup-builder-content-html"><div class="sgpb-main-html-content-wrapper"><p><iframe width="560" height="315" src="" data-attr-src="https://www.youtube.com/embed/cjz6gAhbmnk?si=-V0DlMpRJsX-mecm&amp;autoplay=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></p>
11206</div></div>
11207							</div>
11208						  </div><div data-wpr-lazyrender="1" class="sgpb-main-popup-data-container-65973" style="position:fixed;opacity: 0;filter: opacity(0%);transform: scale(0);">
11209							<div class="sg-popup-builder-content" id="sg-popup-content-wrapper-65973" data-id="65973" data-events="[{&quot;param&quot;:&quot;click&quot;,&quot;operator&quot;:&quot;clickActionCustomClass&quot;,&quot;value&quot;:&quot;series5&quot;,&quot;hiddenOption&quot;:[]}]" data-options="eyJzZ3BiLWZsb2F0aW5nLWJ1dHRvbi1zdHlsZSI6ImNvcm5lciIsInNncGItZmxvYXRpbmctYnV0dG9uLXBvc2l0aW9uIjoiYm90dG9tLXJpZ2h0Iiwic2dwYi10eXBlIjoiaHRtbCIsInNncGItaXMtcHJldmlldyI6IjAiLCJzZ3BiLWlzLWFjdGl2ZSI6ImNoZWNrZWQiLCJzZ3BiLWJlaGF2aW9yLWFmdGVyLXNwZWNpYWwtZXZlbnRzIjpbW3sicGFyYW0iOiJzZWxlY3RfZXZlbnQifV1dLCJzZ3BiLWVzYy1rZXkiOiJvbiIsInNncGItZW5hYmxlLWNsb3NlLWJ1dHRvbiI6Im9uIiwic2dwYi1jbG9zZS1idXR0b24tZGVsYXkiOiIwIiwic2dwYi1jbG9zZS1idXR0b24tcG9zaXRpb24iOiJib3R0b21SaWdodCIsInNncGItYnV0dG9uLXBvc2l0aW9uLXRvcCI6IiIsInNncGItYnV0dG9uLXBvc2l0aW9uLXJpZ2h0IjoiOSIsInNncGItYnV0dG9uLXBvc2l0aW9uLWJvdHRvbSI6IjkiLCJzZ3BiLWJ1dHRvbi1wb3NpdGlvbi1sZWZ0IjoiIiwic2dwYi1idXR0b24taW1hZ2UiOiIiLCJzZ3BiLWJ1dHRvbi1pbWFnZS13aWR0aCI6IjIxIiwic2dwYi1idXR0b24taW1hZ2UtaGVpZ2h0IjoiMjEiLCJzZ3BiLWJvcmRlci1jb2xvciI6IiMwMDAwMDAiLCJzZ3BiLWJvcmRlci1yYWRpdXMiOiIwIiwic2dwYi1ib3JkZXItcmFkaXVzLXR5cGUiOiIlIiwic2dwYi1idXR0b24tdGV4dCI6IkNsb3NlIiwic2dwYi1vdmVybGF5LWNsaWNrIjoib24iLCJzZ3BiLWNvbnRlbnQtcGFkZGluZyI6IjciLCJzZ3BiLXBvcHVwLXotaW5kZXgiOiI5OTk5Iiwic2dwYi1wb3B1cC10aGVtZXMiOiJzZ3BiLXRoZW1lLTEiLCJzZ3BiLW92ZXJsYXktY3VzdG9tLWNsYXNzIjoic2dwYi1wb3B1cC1vdmVybGF5Iiwic2dwYi1vdmVybGF5LWNvbG9yIjoiIiwic2dwYi1vdmVybGF5LW9wYWNpdHkiOiIwLjgiLCJzZ3BiLWNvbnRlbnQtY3VzdG9tLWNsYXNzIjoic2ctcG9wdXAtY29udGVudCIsInNncGItYmFja2dyb3VuZC1pbWFnZS1tb2RlIjoibm8tcmVwZWF0Iiwic2dwYi1wb3B1cC1kaW1lbnNpb24tbW9kZSI6InJlc3BvbnNpdmVNb2RlIiwic2dwYi1yZXNwb25zaXZlLWRpbWVuc2lvbi1tZWFzdXJlIjoiYXV0byIsInNncGItd2lkdGgiOiI2NDBweCIsInNncGItaGVpZ2h0IjoiNDgwcHgiLCJzZ3BiLW1heC13aWR0aCI6IiIsInNncGItbWF4LWhlaWdodCI6IiIsInNncGItbWluLXdpZHRoIjoiMTIwIiwic2dwYi1taW4taGVpZ2h0IjoiIiwic2dwYi1vcGVuLWFuaW1hdGlvbi1lZmZlY3QiOiJObyBlZmZlY3QiLCJzZ3BiLWNsb3NlLWFuaW1hdGlvbi1lZmZlY3QiOiJObyBlZmZlY3QiLCJzZ3BiLWVuYWJsZS1jb250ZW50LXNjcm9sbGluZyI6Im9uIiwic2dwYi1wb3B1cC1vcmRlciI6IjAiLCJzZ3BiLXBvcHVwLWRlbGF5IjoiMCIsInNncGItanMiOiJKUyIsInNncGItY3NzIjoiQ1NTIiwic2dwYi1wb3N0LWlkIjoiNjU5NzMiLCJzZ3BiLWVuYWJsZS1wb3B1cC1vdmVybGF5Ijoib24iLCJzZ3BiLWJ1dHRvbi1pbWFnZS1kYXRhIjoiIiwic2dwYi1iYWNrZ3JvdW5kLWltYWdlLWRhdGEiOiIiLCJzZ3BiQ29uZGl0aW9ucyI6bnVsbH0=">
11210								<div  class="sgpb-popup-builder-content-65973 sgpb-popup-builder-content-html"><div class="sgpb-main-html-content-wrapper"><p><iframe width="560" height="315" src="" data-attr-src="https://www.youtube.com/embed/BGp_Nwi68TA?si=xU6TbhDgcXouIZGM&amp;autoplay=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></p>
11211</div></div>
11212							</div>
11213						  </div><div data-wpr-lazyrender="1" class="sgpb-main-popup-data-container-65783" style="position:fixed;opacity: 0;filter: opacity(0%);transform: scale(0);">
11214							<div class="sg-popup-builder-content" id="sg-popup-content-wrapper-65783" data-id="65783" data-events="[{&quot;param&quot;:&quot;click&quot;,&quot;operator&quot;:&quot;clickActionCustomClass&quot;,&quot;value&quot;:&quot;series4&quot;,&quot;hiddenOption&quot;:[]}]" data-options="eyJzZ3BiLWZsb2F0aW5nLWJ1dHRvbi1zdHlsZSI6ImNvcm5lciIsInNncGItZmxvYXRpbmctYnV0dG9uLXBvc2l0aW9uIjoiYm90dG9tLXJpZ2h0Iiwic2dwYi10eXBlIjoiaHRtbCIsInNncGItaXMtcHJldmlldyI6IjAiLCJzZ3BiLWlzLWFjdGl2ZSI6ImNoZWNrZWQiLCJzZ3BiLWJlaGF2aW9yLWFmdGVyLXNwZWNpYWwtZXZlbnRzIjpbW3sicGFyYW0iOiJzZWxlY3RfZXZlbnQifV1dLCJzZ3BiLWVzYy1rZXkiOiJvbiIsInNncGItZW5hYmxlLWNsb3NlLWJ1dHRvbiI6Im9uIiwic2dwYi1jbG9zZS1idXR0b24tZGVsYXkiOiIwIiwic2dwYi1jbG9zZS1idXR0b24tcG9zaXRpb24iOiJib3R0b21SaWdodCIsInNncGItYnV0dG9uLXBvc2l0aW9uLXRvcCI6IiIsInNncGItYnV0dG9uLXBvc2l0aW9uLXJpZ2h0IjoiOSIsInNncGItYnV0dG9uLXBvc2l0aW9uLWJvdHRvbSI6IjkiLCJzZ3BiLWJ1dHRvbi1wb3NpdGlvbi1sZWZ0IjoiIiwic2dwYi1idXR0b24taW1hZ2UiOiIiLCJzZ3BiLWJ1dHRvbi1pbWFnZS13aWR0aCI6IjI
11214xIiwic2dwYi1idXR0b24taW1hZ2UtaGVpZ2h0IjoiMjEiLCJzZ3BiLWJvcmRlci1jb2xvciI6IiMwMDAwMDAiLCJzZ3BiLWJvcmRlci1yYWRpdXMiOiIwIiwic2dwYi1ib3JkZXItcmFkaXVzLXR5cGUiOiIlIiwic2dwYi1idXR0b24tdGV4dCI6IkNsb3NlIiwic2dwYi1vdmVybGF5LWNsaWNrIjoib24iLCJzZ3BiLWNvbnRlbnQtcGFkZGluZyI6IjciLCJzZ3BiLXBvcHVwLXotaW5kZXgiOiI5OTk5Iiwic2dwYi1wb3B1cC10aGVtZXMiOiJzZ3BiLXRoZW1lLTEiLCJzZ3BiLW92ZXJsYXktY3VzdG9tLWNsYXNzIjoic2dwYi1wb3B1cC1vdmVybGF5Iiwic2dwYi1vdmVybGF5LWNvbG9yIjoiIiwic2dwYi1vdmVybGF5LW9wYWNpdHkiOiIwLjgiLCJzZ3BiLWNvbnRlbnQtY3VzdG9tLWNsYXNzIjoic2ctcG9wdXAtY29udGVudCIsInNncGItYmFja2dyb3VuZC1pbWFnZS1tb2RlIjoibm8tcmVwZWF0Iiwic2dwYi1wb3B1cC1kaW1lbnNpb24tbW9kZSI6InJlc3BvbnNpdmVNb2RlIiwic2dwYi1yZXNwb25zaXZlLWRpbWVuc2lvbi1tZWFzdXJlIjoiYXV0byIsInNncGItd2lkdGgiOiI2NDBweCIsInNncGItaGVpZ2h0IjoiNDgwcHgiLCJzZ3BiLW1heC13aWR0aCI6IiIsInNncGItbWF4LWhlaWdodCI6IiIsInNncGItbWluLXdpZHRoIjoiMTIwIiwic2dwYi1taW4taGVpZ2h0IjoiIiwic2dwYi1vcGVuLWFuaW1hdGlvbi1lZmZlY3QiOiJObyBlZmZlY3QiLCJzZ3BiLWNsb3NlLWFuaW1hdGlvbi1lZmZlY3QiOiJObyBlZmZlY3QiLCJzZ3BiLWVuYWJsZS1jb250ZW50LXNjcm9sbGluZyI6Im9uIiwic2dwYi1wb3B1cC1vcmRlciI6IjAiLCJzZ3BiLXBvcHVwLWRlbGF5IjoiMCIsInNncGItanMiOiJKUyIsInNncGItY3NzIjoiQ1NTIiwic2dwYi1wb3N0LWlkIjoiNjU3ODMiLCJzZ3BiLWVuYWJsZS1wb3B1cC1vdmVybGF5Ijoib24iLCJzZ3BiLWJ1dHRvbi1pbWFnZS1kYXRhIjoiIiwic2dwYi1iYWNrZ3JvdW5kLWltYWdlLWRhdGEiOiIiLCJzZ3BiQ29uZGl0aW9ucyI6bnVsbH0=">
11215								<div  class="sgpb-popup-builder-content-65783 sgpb-popup-builder-content-html"><div class="sgpb-main-html-content-wrapper"><p><iframe width="560" height="315" src="" data-attr-src="https://www.youtube.com/embed/2z8jOeemY0c?si=81MrId_BQxxTJuTY&amp;autoplay=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></p>
11216</div></div>
11217							</div>
11218						  </div><div data-wpr-lazyrender="1" class="sgpb-main-popup-data-container-65782" style="position:fixed;opacity: 0;filter: opacity(0%);transform: scale(0);">
11219							<div class="sg-popup-builder-content" id="sg-popup-content-wrapper-65782" data-id="65782" data-events="[{&quot;param&quot;:&quot;click&quot;,&quot;operator&quot;:&quot;clickActionCustomClass&quot;,&quot;value&quot;:&quot;series3&quot;,&quot;hiddenOption&quot;:[]}]" data-options="eyJzZ3BiLWZsb2F0aW5nLWJ1dHRvbi1zdHlsZSI6ImNvcm5lciIsInNncGItZmxvYXRpbmctYnV0dG9uLXBvc2l0aW9uIjoiYm90dG9tLXJpZ2h0Iiwic2dwYi10eXBlIjoiaHRtbCIsInNncGItaXMtcHJldmlldyI6IjAiLCJzZ3BiLWlzLWFjdGl2ZSI6ImNoZWNrZWQiLCJzZ3BiLWJlaGF2aW9yLWFmdGVyLXNwZWNpYWwtZXZlbnRzIjpbW3sicGFyYW0iOiJzZWxlY3RfZXZlbnQifV1dLCJzZ3BiLWVzYy1rZXkiOiJvbiIsInNncGItZW5hYmxlLWNsb3NlLWJ1dHRvbiI6Im9uIiwic2dwYi1jbG9zZS1idXR0b24tZGVsYXkiOiIwIiwic2dwYi1jbG9zZS1idXR0b24tcG9zaXRpb24iOiJib3R0b21SaWdodCIsInNncGItYnV0dG9uLXBvc2l0aW9uLXRvcCI6IiIsInNncGItYnV0dG9uLXBvc2l0aW9uLXJpZ2h0IjoiOSIsInNncGItYnV0dG9uLXBvc2l0aW9uLWJvdHRvbSI6IjkiLCJzZ3BiLWJ1dHRvbi1wb3NpdGlvbi1sZWZ0IjoiIiwic2dwYi1idXR0b24taW1hZ2UiOiIiLCJzZ3BiLWJ1dHRvbi1pbWFnZS13aWR0aCI6IjIxIiwic2dwYi1idXR0b24taW1hZ2UtaGVpZ2h0IjoiMjEiLCJzZ3BiLWJvcmRlci1jb2xvciI6IiMwMDAwMDAiLCJzZ3BiLWJvcmRlci1yYWRpdXMiOiIwIiwic2dwYi1ib3JkZXItcmFkaXVzLXR5cGUiOiIlIiwic2dwYi1idXR0b24tdGV4dCI6IkNsb3NlIiwic2dwYi1vdmVybGF5LWNsaWNrIjoib24iLCJzZ3BiLWNvbnRlbnQtcGFkZGluZyI6IjciLCJzZ3BiLXBvcHVwLXotaW5kZXgiOiI5OTk5Iiwic2dwYi1wb3B1cC10aGVtZXMiOiJzZ3BiLXRoZW1lLTEiLCJzZ3BiLW92ZXJsYXktY3VzdG9tLWNsYXNzIjoic2dwYi1wb3B1cC1vdmVybGF5Iiwic2dwYi1vdmVybGF5LWNvbG9yIjoiIiwic2dwYi1vdmVybGF5LW9wYWNpdHkiOiIwLjgiLCJzZ3BiLWNvbnRlbnQtY3VzdG9tLWNsYXNzIjoic2ctcG9wdXAtY29udGVudCIsInNncGItYmFja2dyb3VuZC1pbWFnZS1tb2RlIjoibm8tcmVwZWF0Iiwic2dwYi1wb3B1cC1kaW1lbnNpb24tbW9kZSI6InJlc3BvbnNpdmVNb2RlIiwic2dwYi1yZXNwb25zaXZlLWRpbWVuc2lvbi1tZWFzdXJlIjoiYXV0byIsInNncGItd2lkdGgiOiI2NDBweCIsInNncGItaGVpZ2h0IjoiNDgwcHgiLCJzZ3BiLW1heC13aWR0aCI6IiIsInNncGItbWF4LWhlaWdodCI6IiIsInNncGItbWluLXdpZHRoIjoiMTIwIiwic2dwYi1taW4taGVpZ2h0IjoiIiwic2dwYi1vcGVuLWFuaW1hdGlvbi1lZmZlY3QiOiJObyBlZmZlY3QiLCJzZ3BiLWNsb3NlLWFuaW1hdGlvbi1lZmZlY3QiOiJObyBlZmZlY3QiLCJzZ3BiLWVuYWJsZS1jb250ZW50LXNjcm9sbGluZyI6Im9uIiwic2dwYi1wb3B1cC1vcmRlciI6IjAiLCJzZ3BiLXBvcHVwLWRlbGF5IjoiMCIsInNncGItanMiOiJKUyIsInNncGItY3NzIjoiQ1NTIiwic2dwYi1wb3N0LWlkIjoiNjU3ODIiLCJzZ3BiLWVuYWJsZS1wb3B1cC1vdmVybGF5Ijoib24iLCJzZ3BiLWJ1dHRvbi1pbWFnZS1kYXRhIjoiIiwic2dwYi1iYWNrZ3JvdW5kLWltYWdlLWRhdGEiOiIiLCJzZ3BiQ29uZGl0aW9ucyI6bnVsbH0=">
11220								<div  class="sgpb-popup-builder-content-65782 sgpb-popup-builder-content-html"><div class="sgpb-main-html-content-wrapper"><p><iframe width="560" height="315" src="" data-attr-src="https://www.youtube.com/embed/vHmC78TwTKs?si=CvQpajAsyVijtLXx&amp;autoplay=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></p>
11221</div></div>
11222							</div>
11223						  </div><div data-wpr-lazyrender="1" class="sgpb-main-popup-data-container-65781" style="position:fixed;opacity: 0;filter: opacity(0%);transform: scale(0);">
11224							<div class="sg-popup-builder-content" id="sg-popup-content-wrapper-65781" data-id="65781" data-events="[{&quot;param&quot;:&quot;click&quot;,&quot;operator&quot;:&quot;clickActionCustomClass&quot;,&quot;value&quot;:&quot;series2&quot;,&quot;hiddenOption&quot;:[]}]" data-options="eyJzZ3BiLWZsb2F0aW5nLWJ1dHRvbi1zdHlsZSI6ImNvcm5lciIsInNncGItZmxvYXRpbmctYnV0dG9uLXBvc2l0aW9uIjoiYm90dG9tLXJpZ2h0Iiwic2dwYi10eXBlIjoiaHRtbCIsInNncGItaXMtcHJldmlldyI6IjAiLCJzZ3BiLWlzLWFjdGl2ZSI6ImNoZWNrZWQiLCJzZ3BiLWJlaGF2aW9yLWFmdGVyLXNwZWNpYWwtZXZlbnRzIjpbW3sicGFyYW0iOiJzZWxlY3RfZXZlbnQifV1dLCJzZ3BiLWVzYy1rZXkiOiJvbiIsInNncGItZW5hYmxlLWNsb3NlLWJ1dHRvbiI6Im9uIiwic2dwYi1jbG9zZS1idXR0b24tZGVsYXkiOiIwIiwic2dwYi1jbG9zZS1idXR0b24tcG9zaXRpb24iOiJib3R0b21SaWdodCIsInNncGItYnV0dG9uLXBvc2l0aW9uLXRvcCI6IiIsInNncGItYnV0dG9uLXBvc2l0aW9uLXJpZ2h0IjoiOSIsInNncGItYnV0dG9uLXBvc2l0aW9uLWJvdHRvbSI6IjkiLCJzZ3BiLWJ1dHRvbi1wb3NpdGlvbi1sZWZ0IjoiIiwic2dwYi1idXR0b24taW1hZ2UiOiIiLCJzZ3BiLWJ1dHRvbi1pbWFnZS13aWR0aCI6IjI
11224xIiwic2dwYi1idXR0b24taW1hZ2UtaGVpZ2h0IjoiMjEiLCJzZ3BiLWJvcmRlci1jb2xvciI6IiMwMDAwMDAiLCJzZ3BiLWJvcmRlci1yYWRpdXMiOiIwIiwic2dwYi1ib3JkZXItcmFkaXVzLXR5cGUiOiIlIiwic2dwYi1idXR0b24tdGV4dCI6IkNsb3NlIiwic2dwYi1vdmVybGF5LWNsaWNrIjoib24iLCJzZ3BiLWNvbnRlbnQtcGFkZGluZyI6IjciLCJzZ3BiLXBvcHVwLXotaW5kZXgiOiI5OTk5Iiwic2dwYi1wb3B1cC10aGVtZXMiOiJzZ3BiLXRoZW1lLTEiLCJzZ3BiLW92ZXJsYXktY3VzdG9tLWNsYXNzIjoic2dwYi1wb3B1cC1vdmVybGF5Iiwic2dwYi1vdmVybGF5LWNvbG9yIjoiIiwic2dwYi1vdmVybGF5LW9wYWNpdHkiOiIwLjgiLCJzZ3BiLWNvbnRlbnQtY3VzdG9tLWNsYXNzIjoic2ctcG9wdXAtY29udGVudCIsInNncGItYmFja2dyb3VuZC1pbWFnZS1tb2RlIjoibm8tcmVwZWF0Iiwic2dwYi1wb3B1cC1kaW1lbnNpb24tbW9kZSI6InJlc3BvbnNpdmVNb2RlIiwic2dwYi1yZXNwb25zaXZlLWRpbWVuc2lvbi1tZWFzdXJlIjoiYXV0byIsInNncGItd2lkdGgiOiI2NDBweCIsInNncGItaGVpZ2h0IjoiNDgwcHgiLCJzZ3BiLW1heC13aWR0aCI6IiIsInNncGItbWF4LWhlaWdodCI6IiIsInNncGItbWluLXdpZHRoIjoiMTIwIiwic2dwYi1taW4taGVpZ2h0IjoiIiwic2dwYi1vcGVuLWFuaW1hdGlvbi1lZmZlY3QiOiJObyBlZmZlY3QiLCJzZ3BiLWNsb3NlLWFuaW1hdGlvbi1lZmZlY3QiOiJObyBlZmZlY3QiLCJzZ3BiLWVuYWJsZS1jb250ZW50LXNjcm9sbGluZyI6Im9uIiwic2dwYi1wb3B1cC1vcmRlciI6IjAiLCJzZ3BiLXBvcHVwLWRlbGF5IjoiMCIsInNncGItanMiOiJKUyIsInNncGItY3NzIjoiQ1NTIiwic2dwYi1wb3N0LWlkIjoiNjU3ODEiLCJzZ3BiLWVuYWJsZS1wb3B1cC1vdmVybGF5Ijoib24iLCJzZ3BiLWJ1dHRvbi1pbWFnZS1kYXRhIjoiIiwic2dwYi1iYWNrZ3JvdW5kLWltYWdlLWRhdGEiOiIiLCJzZ3BiQ29uZGl0aW9ucyI6bnVsbH0=">
11225								<div  class="sgpb-popup-builder-content-65781 sgpb-popup-builder-content-html"><div class="sgpb-main-html-content-wrapper"><p><iframe width="560" height="315" src="" data-attr-src="https://www.youtube.com/embed/Pk_DXd5y9u0?si=vyShKKzULZDBFPip&amp;autoplay=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></p>
11226</div></div>
11227							</div>
11228						  </div><div data-wpr-lazyrender="1" class="sgpb-main-popup-data-container-65780" style="position:fixed;opacity: 0;filter: opacity(0%);transform: scale(0);">
11229							<div class="sg-popup-builder-content" id="sg-popup-content-wrapper-65780" data-id="65780" data-events="[{&quot;param&quot;:&quot;click&quot;,&quot;operator&quot;:&quot;clickActionCustomClass&quot;,&quot;value&quot;:&quot;series1&quot;,&quot;hiddenOption&quot;:[]}]" data-options="eyJzZ3BiLWZsb2F0aW5nLWJ1dHRvbi1zdHlsZSI6ImNvcm5lciIsInNncGItZmxvYXRpbmctYnV0dG9uLXBvc2l0aW9uIjoiYm90dG9tLXJpZ2h0Iiwic2dwYi10eXBlIjoiaHRtbCIsInNncGItaXMtcHJldmlldyI6IjAiLCJzZ3BiLWlzLWFjdGl2ZSI6ImNoZWNrZWQiLCJzZ3BiLWJlaGF2aW9yLWFmdGVyLXNwZWNpYWwtZXZlbnRzIjpbW3sicGFyYW0iOiJzZWxlY3RfZXZlbnQifV1dLCJzZ3BiLWVzYy1rZXkiOiJvbiIsInNncGItZW5hYmxlLWNsb3NlLWJ1dHRvbiI6Im9uIiwic2dwYi1jbG9zZS1idXR0b24tZGVsYXkiOiIwIiwic2dwYi1jbG9zZS1idXR0b24tcG9zaXRpb24iOiJib3R0b21SaWdodCIsInNncGItYnV0dG9uLXBvc2l0aW9uLXRvcCI6IiIsInNncGItYnV0dG9uLXBvc2l0aW9uLXJpZ2h0IjoiOSIsInNncGItYnV0dG9uLXBvc2l0aW9uLWJvdHRvbSI6IjkiLCJzZ3BiLWJ1dHRvbi1wb3NpdGlvbi1sZWZ0IjoiIiwic2dwYi1idXR0b24taW1hZ2UiOiIiLCJzZ3BiLWJ1dHRvbi1pbWFnZS13aWR0aCI6IjIxIiwic2dwYi1idXR0b24taW1hZ2UtaGVpZ2h0IjoiMjEiLCJzZ3BiLWJvcmRlci1jb2xvciI6IiMwMDAwMDAiLCJzZ3BiLWJvcmRlci1yYWRpdXMiOiIwIiwic2dwYi1ib3JkZXItcmFkaXVzLXR5cGUiOiIlIiwic2dwYi1idXR0b24tdGV4dCI6IkNsb3NlIiwic2dwYi1vdmVybGF5LWNsaWNrIjoib24iLCJzZ3BiLWNvbnRlbnQtcGFkZGluZyI6IjciLCJzZ3BiLXBvcHVwLXotaW5kZXgiOiI5OTk5Iiwic2dwYi1wb3B1cC10aGVtZXMiOiJzZ3BiLXRoZW1lLTEiLCJzZ3BiLW92ZXJsYXktY3VzdG9tLWNsYXNzIjoic2dwYi1wb3B1cC1vdmVybGF5Iiwic2dwYi1vdmVybGF5LWNvbG9yIjoiIiwic2dwYi1vdmVybGF5LW9wYWNpdHkiOiIwLjgiLCJzZ3BiLWNvbnRlbnQtY3VzdG9tLWNsYXNzIjoic2ctcG9wdXAtY29udGVudCIsInNncGItYmFja2dyb3VuZC1pbWFnZS1tb2RlIjoibm8tcmVwZWF0Iiwic2dwYi1wb3B1cC1kaW1lbnNpb24tbW9kZSI6InJlc3BvbnNpdmVNb2RlIiwic2dwYi1yZXNwb25zaXZlLWRpbWVuc2lvbi1tZWFzdXJlIjoiYXV0byIsInNncGItd2lkdGgiOiI2NDBweCIsInNncGItaGVpZ2h0IjoiNDgwcHgiLCJzZ3BiLW1heC13aWR0aCI6IiIsInNncGItbWF4LWhlaWdodCI6IiIsInNncGItbWluLXdpZHRoIjoiMTIwIiwic2dwYi1taW4taGVpZ2h0IjoiIiwic2dwYi1vcGVuLWFuaW1hdGlvbi1lZmZlY3QiOiJObyBlZmZlY3QiLCJzZ3BiLWNsb3NlLWFuaW1hdGlvbi1lZmZlY3QiOiJObyBlZmZlY3QiLCJzZ3BiLWVuYWJsZS1jb250ZW50LXNjcm9sbGluZyI6Im9uIiwic2dwYi1wb3B1cC1vcmRlciI6IjAiLCJzZ3BiLXBvcHVwLWRlbGF5IjoiMCIsInNncGItanMiOiJKUyIsInNncGItY3NzIjoiQ1NTIiwic2dwYi1wb3N0LWlkIjoiNjU3ODAiLCJzZ3BiLWVuYWJsZS1wb3B1cC1vdmVybGF5Ijoib24iLCJzZ3BiLWJ1dHRvbi1pbWFnZS1kYXRhIjoiIiwic2dwYi1iYWNrZ3JvdW5kLWltYWdlLWRhdGEiOiIiLCJzZ3BiQ29uZGl0aW9ucyI6bnVsbH0=">
11230								<div  class="sgpb-popup-builder-content-65780 sgpb-popup-builder-content-html"><div class="sgpb-main-html-content-wrapper"><p><iframe width="560" height="315" src="" data-attr-src="https://www.youtube.com/embed/5ydpEbiA914?si=M5LND0RHYaygnp-q&amp;autoplay=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></p>
11231</div></div>
11232							</div>
11233						  </div><div data-wpr-lazyrender="1" class="sgpb-main-popup-data-container-64768" style="position:fixed;opacity: 0;filter: opacity(0%);transform: scale(0);">
11234							<div class="sg-popup-builder-content" id="sg-popup-content-wrapper-64768" data-id="64768" data-events="[{&quot;param&quot;:&quot;click&quot;,&quot;operator&quot;:&quot;clickActionCustomClass&quot;,&quot;value&quot;:&quot;unveil-extjs-magic&quot;,&quot;hiddenOption&quot;:[]}]" data-options="eyJzZ3BiLWZsb2F0aW5nLWJ1dHRvbi1zdHlsZSI6ImNvcm5lciIsInNncGItZmxvYXRpbmctYnV0dG9uLXBvc2l0aW9uIjoiYm90dG9tLXJpZ2h0Iiwic2dwYi10eXBlIjoiaHRtbCIsInNncGItaXMtcHJldmlldyI6IjAiLCJzZ3BiLWlzLWFjdGl2ZSI6ImNoZWNrZWQiLCJzZ3BiLWJlaGF2aW9yLWFmdGVyLXNwZWNpYWwtZXZlbnRzIjpbW3sicGFyYW0iOiJzZWxlY3RfZXZlbnQifV1dLCJzZ3BiLWVzYy1rZXkiOiJvbiIsInNncGItZW5hYmxlLWNsb3NlLWJ1dHRvbiI6Im9uIiwic2dwYi1jbG9zZS1idXR0b24tZGVsYXkiOiIwIiwic2dwYi1jbG9zZS1idXR0b24tcG9zaXRpb24iOiJib3R0b21SaWdodCIsInNncGItYnV0dG9uLXBvc2l0aW9uLXRvcCI6IiIsInNncGItYnV0dG9uLXBvc2l0aW9uLXJpZ2h0IjoiOSIsInNncGItYnV0dG9uLXBvc2l0aW9uLWJvdHRvbSI6IjkiLCJzZ3BiLWJ1dHRvbi1wb3NpdGlvbi1sZWZ0IjoiIiwic2dwYi1idXR0b24taW1hZ2UiOiIiLCJzZ3BiLWJ1dHRvbi1pbWFnZS13aWR0aCI6IjI
11234xIiwic2dwYi1idXR0b24taW1hZ2UtaGVpZ2h0IjoiMjEiLCJzZ3BiLWJvcmRlci1jb2xvciI6IiMwMDAwMDAiLCJzZ3BiLWJvcmRlci1yYWRpdXMiOiIwIiwic2dwYi1ib3JkZXItcmFkaXVzLXR5cGUiOiIlIiwic2dwYi1idXR0b24tdGV4dCI6IkNsb3NlIiwic2dwYi1vdmVybGF5LWNsaWNrIjoib24iLCJzZ3BiLWNvbnRlbnQtcGFkZGluZyI6IjciLCJzZ3BiLXBvcHVwLXotaW5kZXgiOiI5OTk5Iiwic2dwYi1wb3B1cC10aGVtZXMiOiJzZ3BiLXRoZW1lLTEiLCJzZ3BiLW92ZXJsYXktY3VzdG9tLWNsYXNzIjoic2dwYi1wb3B1cC1vdmVybGF5Iiwic2dwYi1vdmVybGF5LWNvbG9yIjoiIiwic2dwYi1vdmVybGF5LW9wYWNpdHkiOiIwLjgiLCJzZ3BiLWNvbnRlbnQtY3VzdG9tLWNsYXNzIjoic2ctcG9wdXAtY29udGVudCIsInNncGItYmFja2dyb3VuZC1pbWFnZS1tb2RlIjoibm8tcmVwZWF0Iiwic2dwYi1wb3B1cC1kaW1lbnNpb24tbW9kZSI6InJlc3BvbnNpdmVNb2RlIiwic2dwYi1yZXNwb25zaXZlLWRpbWVuc2lvbi1tZWFzdXJlIjoiYXV0byIsInNncGItd2lkdGgiOiI2NDBweCIsInNncGItaGVpZ2h0IjoiNDgwcHgiLCJzZ3BiLW1heC13aWR0aCI6IiIsInNncGItbWF4LWhlaWdodCI6IiIsInNncGItbWluLXdpZHRoIjoiMTIwIiwic2dwYi1taW4taGVpZ2h0IjoiIiwic2dwYi1vcGVuLWFuaW1hdGlvbi1lZmZlY3QiOiJObyBlZmZlY3QiLCJzZ3BiLWNsb3NlLWFuaW1hdGlvbi1lZmZlY3QiOiJObyBlZmZlY3QiLCJzZ3BiLWVuYWJsZS1jb250ZW50LXNjcm9sbGluZyI6Im9uIiwic2dwYi1wb3B1cC1vcmRlciI6IjAiLCJzZ3BiLXBvcHVwLWRlbGF5IjoiMCIsInNncGItanMiOiJKUyIsInNncGItY3NzIjoiQ1NTIiwic2dwYi1wb3N0LWlkIjoiNjQ3NjgiLCJzZ3BiLWVuYWJsZS1wb3B1cC1vdmVybGF5Ijoib24iLCJzZ3BiLWJ1dHRvbi1pbWFnZS1kYXRhIjoiIiwic2dwYi1iYWNrZ3JvdW5kLWltYWdlLWRhdGEiOiIiLCJzZ3BiQ29uZGl0aW9ucyI6bnVsbH0=">
11235								<div  class="sgpb-popup-builder-content-64768 sgpb-popup-builder-content-html"><div class="sgpb-main-html-content-wrapper"><p><iframe width="560" height="315" src="" data-attr-src="https://www.youtube.com/embed/u_YiFJUCvX4?autoplay=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture;" allowfullscreen></iframe></p>
11236</div><style id="sgpb-custom-style-64768">.sgpb-popup-dialog-main-div-theme-wrapper-1 .sgpb-popup-close-button-1 {
11237    right: -9px !important;
11238    top: -10px !important;
11239}
11240.sg-popup-content {
11241    box-shadow: none !important;
11242    border-width: 0 !important;
11243        padding: 0px!important;
11244}
11245.sgpb-main-html-content-wrapper p {
11246    line-height: 0;
11247    margin: 0px;
11248}
11249@media screen and (max-width: 575px) {
11250    body.new-home-page .sgpb-popup-close-button-1 {
11251        width: initial !important;
11252        height: initial !important;
11253        top: -10px !important;
11254    }
11255}</style></div>
11256							</div>
11257						  </div><div data-wpr-lazyrender="1" class="sgpb-main-popup-data-container-62696" style="position:fixed;opacity: 0;filter: opacity(0%);transform: scale(0);">
11258							<div class="sg-popup-builder-content" id="sg-popup-content-wrapper-62696" data-id="62696" data-events="[{&quot;param&quot;:&quot;click&quot;,&quot;operator&quot;:&quot;clickActionCustomClass&quot;,&quot;value&quot;:&quot;
11258vedio-thumbnail&quot;,&quot;hiddenOption&quot;:[]},{&quot;param&quot;:&quot;click&quot;,&quot;operator&quot;:&quot;clickActionCustomClass&quot;,&quot;value&quot;:&quot;vedio-icons&quot;,&quot;hiddenOption&quot;:[]}]" data-options="eyJzZ3BiLWZsb2F0aW5nLWJ1dHRvbi1zdHlsZSI6ImNvcm5lciIsInNncGItZmxvYXRpbmctYnV0dG9uLXBvc2l0aW9uIjoiYm90dG9tLXJpZ2h0Iiwic2dwYi10eXBlIjoiaHRtbCIsInNncGItaXMtcHJldmlldyI6IjAiLCJzZ3BiLWlzLWFjdGl2ZSI6ImNoZWNrZWQiLCJzZ3BiLWJlaGF2aW9yLWFmdGVyLXNwZWNpYWwtZXZlbnRzIjpbW3sicGFyYW0iOiJzZWxlY3RfZXZlbnQifV1dLCJzZ3BiLWVzYy1rZXkiOiJvbiIsInNncGItZW5hYmxlLWNsb3NlLWJ1dHRvbiI6Im9uIiwic2dwYi1jbG9zZS1idXR0b24tZGVsYXkiOiIwIiwic2dwYi1jbG9zZS1idXR0b24tcG9zaXRpb24iOiJib3R0b21SaWdodCIsInNncGItYnV0dG9uLXBvc2l0aW9uLXRvcCI6IiIsInNncGItYnV0dG9uLXBvc2l0aW9uLXJpZ2h0IjoiOSIsInNncGItYnV0dG9uLXBvc2l0aW9uLWJvdHRvbSI6IjkiLCJzZ3BiLWJ1dHRvbi1wb3NpdGlvbi1sZWZ0IjoiIiwic2dwYi1idXR0b24taW1hZ2UiOiIiLCJzZ3BiLWJ1dHRvbi1pbWFnZS13aWR0aCI6IjIxIiwic2dwYi1idXR0b24taW1hZ2UtaGVpZ2h0IjoiMjEiLCJzZ3BiLWJvcmRlci1jb2xvciI6IiMwMDAwMDAiLCJzZ3BiLWJvcmRlci1yYWRpdXMiOiIwIiwic2dwYi1ib3JkZXItcmFkaXVzLXR5cGUiOiIlIiwic2dwYi1idXR0b24tdGV4dCI6IkNsb3NlIiwic2dwYi1vdmVybGF5LWNsaWNrIjoib24iLCJzZ3BiLWNvbnRlbnQtcGFkZGluZyI6IjciLCJzZ3BiLXBvcHVwLXotaW5kZXgiOiI5OTk5Iiwic2dwYi1wb3B1cC10aGVtZXMiOiJzZ3BiLXRoZW1lLTEiLCJzZ3BiLW92ZXJsYXktY3VzdG9tLWNsYXNzIjoic2dwYi1wb3B1cC1vdmVybGF5Iiwic2dwYi1vdmVybGF5LWNvbG9yIjoiIiwic2dwYi1vdmVybGF5LW9wYWNpdHkiOiIwLjgiLCJzZ3BiLWNvbnRlbnQtY3VzdG9tLWNsYXNzIjoic2ctcG9wdXAtY29udGVudCIsInNncGItYmFja2dyb3VuZC1pbWFnZS1tb2RlIjoibm8tcmVwZWF0Iiwic2dwYi1wb3B1cC1kaW1lbnNpb24tbW9kZSI6InJlc3BvbnNpdmVNb2RlIiwic2dwYi1yZXNwb25zaXZlLWRpbWVuc2lvbi1tZWFzdXJlIjoiYXV0byIsInNncGItd2lkdGgiOiI2NDBweCIsInNncGItaGVpZ2h0IjoiNDgwcHgiLCJzZ3BiLW1heC13aWR0aCI6IiIsInNncGItbWF4LWhlaWdodCI6IiIsInNncGItbWluLXdpZHRoIjoiMTIwIiwic2dwYi1taW4taGVpZ2h0IjoiIiwic2dwYi1vcGVuLWFuaW1hdGlvbi1lZmZlY3QiOiJObyBlZmZlY3QiLCJzZ3BiLWNsb3NlLWFuaW1hdGlvbi1lZmZlY3QiOiJObyBlZmZlY3QiLCJzZ3BiLWVuYWJsZS1jb250ZW50LXNjcm9sbGluZyI6Im9uIiwic2dwYi1wb3B1cC1vcmRlciI6IjAiLCJzZ3BiLXBvcHVwLWRlbGF5IjoiMCIsInNncGItanMiOiJKUyIsInNncGItY3NzIjoiQ1NTIiwic2dwYi1wb3N0LWlkIjoiNjI2OTYiLCJzZ3BiLWVuYWJsZS1wb3B1cC1vdmVybGF5Ijoib24iLCJzZ3BiLWJ1dHRvbi1pbWFnZS1kYXRhIjoiIiwic2dwYi1iYWNrZ3JvdW5kLWltYWdlLWRhdGEiOiIiLCJzZ3BiQ29uZGl0aW9ucyI6bnVsbH0=">
11259								<div  class="sgpb-popup-builder-content-62696 sgpb-popup-builder-content-html"><div class="sgpb-main-html-content-wrapper"><p><iframe width="560" height="400" src="" data-attr-src="https://www.youtube.com/embed/Iq-JupRKV0I?autoplay=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></p>
11260</div></div>
11261							</div>
11262						  </div><div data-wpr-lazyrender="1" class="sgpb-main-popup-data-container-50961" style="position:fixed;opacity: 0;filter: opacity(0%);transform: scale(0);">
11263							<div class="sg-popup-builder-content" id="sg-popup-content-wrapper-50961" data-id="50961" data-events="[{&quot;param&quot;:&quot;click&quot;,&quot;operator&quot;:&quot;clickActionCustomClass&quot;,&quot;value&quot;:&quot;grui-download&quot;,&quot;hiddenOption&quot;:[]}]" data-options="eyJzZ3BiLWZsb2F0aW5nLWJ1dHRvbi1zdHlsZSI6ImNvcm5lciIsInNncGItZmxvYXRpbmctYnV0dG9uLXBvc2l0aW9uIjoiYm90dG9tLXJpZ2h0Iiwic2dwYi10eXBlIjoiaHRtbCIsInNncGItaXMtcHJldmlldyI6IjAiLCJzZ3BiLWlzLWFjdGl2ZSI6ImNoZWNrZWQiLCJzZ3BiLWJlaGF2aW9yLWFmdGVyLXNwZWNpYWwtZXZlbnRzIjpbW3sicGFyYW0iOiJzZWxlY3RfZXZlbnQifV1dLCJzZ3BiLWVzYy1rZXkiOiJvbiIsInNncGItZW5hYmxlLWNsb3NlLWJ1dHRvbiI6Im9uIiwic2dwYi1jbG9zZS1idXR0b24tZGVsYXkiOiIwIiwic2dwYi1jbG9zZS1idXR0b24tcG9zaXRpb24iOiJ0b3BSaWdodCIsInNncGItYnV0dG9uLXBvc2l0aW9uLXRvcCI6Ii0xOCIsInNncGItYnV0dG9uLXBvc2l0aW9uLXJpZ2h0IjoiLTE4Iiwic2dwYi1idXR0b24tcG9zaXRpb24tYm90dG9tIjoiMCIsInNncGItYnV0dG9uLXBvc2l0aW9uLWxlZnQiOiIiLCJzZ3BiLWJ1dHRvbi1pbWFnZSI6IiIsInNncGItYnV0dG9uLWltYWdlLXdpZHRoIjoiMzAiLCJzZ3BiLWJ1dHRvbi1pbWFnZS1oZWlnaHQiOiIzMCIsInNncGItYm9yZGVyLWNvbG9yIjoiIzAwMDAwMCIsInNncGItYm9yZGVyLXJhZGl1cyI6IjAiLCJzZ3BiLWJvcmRlci1yYWRpdXMtdHlwZSI6IiUiLCJzZ3BiLWJ1dHRvbi10ZXh0IjoiQ2xvc2UiLCJzZ3BiLW92ZXJsYXktY2xpY2siOiJvbiIsInNncGItY29udGVudC1wYWRkaW5nIjoiMTIiLCJzZ3BiLXBvcHVwLXotaW5kZXgiOiI5OTk5Iiwic2dwYi1wb3B1cC10aGVtZXMiOiJzZ3BiLXRoZW1lLTYiLCJzZ3BiLW92ZXJsYXktY3VzdG9tLWNsYXNzIjoic2dwYi1wb3B1cC1vdmVybGF5Iiwic2dwYi1vdmVybGF5LWNvbG9yIjoiIiwic2dwYi1vdmVybGF5LW9wYWNpdHkiOiIwLjgiLCJzZ3BiLWNvbnRlbnQtY3VzdG9tLWNsYXNzIjoic2ctcG9wdXAtY29udGVudCIsInNncGItYmFja2dyb3VuZC1pbWFnZS1tb2RlIjoibm8tcmVwZWF0Iiwic2dwYi1wb3B1cC1kaW1lbnNpb24tbW9kZSI6InJlc3BvbnNpdmVNb2RlIiwic2dwYi1yZXNwb25zaXZlLWRpbWVuc2lvbi1tZWFzdXJlIjoiYXV0byIsInNncGItd2lkdGgiOiI2NDBweCIsInNncGItaGVpZ2h0IjoiNDgwcHgiLCJzZ3BiLW1heC13aWR0aCI6IiIsInNncGItbWF4LWhlaWdodCI6IiIsInNncGItbWluLXdpZHRoIjoiMTIwIiwic2dwYi1taW4taGVpZ2h0IjoiIiwic2dwYi1vcGVuLWFuaW1hdGlvbi1lZmZlY3QiOiJObyBlZmZlY3QiLCJzZ3BiLWNsb3NlLWFuaW1hdGlvbi1lZmZlY3QiOiJObyBlZmZlY3QiLCJzZ3BiLWVuYWJsZS1jb250ZW50LXNjcm9sbGluZyI6Im9uIiwic2dwYi1yZW9wZW4tYWZ0ZXItZm9ybS1zdWJtaXNzaW9uIjoib24iLCJzZ3BiLXBvcHVwLW9yZGVyIjoiMCIsInNncGItcG9wdXAtZGVsYXkiOiIwIiwic2dwYi1qcyI6IkpTIiwic2dwYi1jc3MiOiJDU1MiLCJzZ3BiLXBvc3QtaWQiOiI1MDk2MSIsInNncGItZW5hYmxlLXBvcHVwLW92ZXJsYXkiOiJvbiIsInNncGItYnV0dG9uLWltYWdlLWRhdGEiOiIiLCJzZ3BiLWJhY2tncm91bmQtaW1hZ2UtZGF0YSI6IiIsInNncGJDb25kaXRpb25zIjpudWxsfQ==">
11264								<div  class="sgpb-popup-builder-content-50961 sgpb-popup-builder-content-html"><div class="sgpb-main-html-content-wrapper"><p><!-- 
11265
11266<div class="gruiForm">[gravityform id="31" title="true" description="true" field_values="order_type=other"]</div>
11267
11268 --></p>
11269</div></div>
11270							</div>
11271						  </div>
11271<script type="text/javascript" id="sns_global_scripts">window.addEventListener('DOMContentLoaded', function() {// Production 2021
11272
11273setTimeout(function () {
11274    jQuery('body').addClass('loaded').removeClass('loading');
11275}, 1000);
11276
11277//
11278// Special dynamic size content
11279// jQuery hashchange Required in head
11280//
11281(function ($, W) {
11282    var new_window_width = $(W).width(), old_window_width = new_window_width;
11283    $(W).on('load', function () {
11284        $(W).trigger('hashchange');
11285        $('body').addClass('loaded').removeClass('loading');
11286        $('.entry-content .gform_anchor').each(function () {
11287            $(this).closest('.entry-content').prepend($(this));
11288        });
11289    }).trigger('resize', function () {
11290        if ($('.responsive-tabs').length) {
11291            old_window_width = new_window_width;
11292            new_window_width = $(W).width();
11293            if (new_window_width < 768 && old_window_width > 768) {
11294                $(W).trigger('hashchange');
11295            }
11296        }
11297        $('.fluid-width-video-wrapper iframe[src*="vimeo.com"], .fluid-width-video-wrapper iframe[src*="youtube.com"]').each(function () {
11298            $(this).add('.fluid-width-video-wrapper').height(Math.round(($(this).width() / 16) * 9));
11299        });
11300        $('.fluid-width-video-wrapper iframe[src*="vidyard.com"]').each(function () {
11301            var spans = $(this).parent().removeAttr('style');
11302            spans.add('.fluid-width-video-wrapper').height(Math.round(($(this).width() / 16) * 9));
11303        });
11304        $('.fluid-width-video-wrapper .BrightTALKEmbed').each(function () {
11305            var width = $(this).parents('.fluid-width-video-wrapper').parent().width();
11306            $(this).parents('.fluid-width-video-wrapper').width(width).height(width * 0.95602094240838);
11307        });
11308    }).trigger('resize')
11309        // Bind an event to window.onhashchange that, when the hash changes, gets the
11310        // hash and adds the class "selected" to any matching nav link.
11311        .on('hashchange', function () {
11312            var hash = location.hash;
11313            // Iterate over all nav links, setting the "selected" class as-appropriate.
11314            $('.responsive-tabs__list li').each(function (indx) {
11315                var el = $(this);
11316                if ((hash && el.attr('href') === hash) || (!hash && indx === 0)) {
11317                    el.trigger('click');
11318                }
11319            });
11320            // Since the event is only triggered when the hash changes, we need to trigger
11321            // the event now, to handle the hash the page may have loaded with.
11322        }).trigger('hashchange');
11323})(jQuery, window);
11324
11325(function ($) {
11326    $.each([$('meta[name="description"]'), $('meta[property="og:description"]')], function () {
11327        $(this).length > 1 && $(this).first().remove()
11328    })
11329})(jQuery);
11330
11331(function ($) {
11332    var $lb_overlay = $('<div id="lb_overlay" style="display:none;background:rgba(255,255,255,0.35);cursor:pointer;z-index:100000;position:fixed;top:0;bottom:0;left:0;right:0;overflow:auto;text-align:center;-webkit-overflow-scrolling:touch!important;"/>').appendTo('body'),
11333        $lb_img_tmp = $('<img class="lb_image" style="display:none;position:relative;height:initial;width:initial;background:#f1f3f5!important;box-shadow:rgba(0,0,0,0.64) 0px 145px 75px -15px;min-zoom:.5;max-zoom:1;">'),
11334        $lb_links = $('.single-post .entry-content a, .page .entry-content a').filter('[href$=".jpg"], [href$=".png"], [href$=".gif"]'),
11335        lb_toggle = function () {
11336            $lb_overlay.stop().fadeToggle().find('.lb_image').slideToggle();
11337        };
11338    $lb_links.each(function () {
11339        var lb_img_src = $(this).attr('href'),
11340            lb_img_alt = $(this).find('img').first().attr('alt'),
11341            $lb_img = $lb_img_tmp.clone().attr('src', lb_img_src).attr('alt', lb_img_alt);
11342        $(this).on("click", function (e) {
11343            e.preventDefault();
11344            $lb_overlay.empty().append($lb_img);
11345            lb_toggle();
11346        });
11347    });
11348    $(document).on("click", '#lb_overlay', lb_toggle);
11349})(jQuery);
11350
11351(function ($) {
11352    $.unique($(".entry-content a[href*='//video.sencha.com/watch/']").map(function () {
11353        var id = $(this).attr('href').replace('http://video.sencha.com/watch/', ''),
11354            altid = id.replace('-', '$'), vymfn = "fn_vidyard_" + altid;
11355        $(this).removeAttr('target').attr({ 'href': 'javascript:void(0);', 'onclick': vymfn + '();' });
11356        return id;
11357    })).each(function (id, value) {
11358        $('body').prepend('\x3Cscript type="text/javascript" id="vidyard_embed_code_' + value + '" src="//play.vidyard.com/' + value + '.js?v=3.1.1&amp;type=lightbox">\x3C/script>');
11359    });
11360})(jQuery);
11361
11362(function ($) {
11363    $(document).ready(function () {
11364        $('.cls_search [type="submit"], #searchsubmit').addClass('color-dark');
11365        $('form.search-frm').attr('action', '/').find('[name="search"]').attr('name', 's');
11366        $('.solr-search-404').append($('<div class="cls_search"><form action="/" method="get" class="search-frm"><div class="ui-widget" style="display:block; margin:auto; width:270px;"><input type="text" placeholder="Search ...." value="" name="s" class="sfl2" autocomplete="off"><input type="submit" value="Search" id="searchsubmit" style="position:relative;width:auto" class="color-dark"><div style="clear:both"></div></div></form></div>'));
11367    });
11368    $("#menu-secondary-navigation-menu .rdp-gcs-search-form.search-form").each(function () {
11369        var $searchForm = $(this),
11370            $txtSearchTerm = $searchForm.find('.rdp-gcs-search-term'),
11371            $searchResults = $('body.search_results'),
11372            $searchResultsTitle = $('.p_title'),
11373            $searchResultsContent = $('.p_content'),
11374            $searchResultsPagination = $('.paginate_div');
11375        function validateSearch() {
11376            if ($txtSearchTerm.val() !== '') {
11377                $searchForm.find('.rdp-gcs-search-button').attr("disabled", false);
11378            } else {
11379                $searchForm.find('.rdp-gcs-search-button').attr("disabled", true);
11380            }
11381        }
11382        $searchResults.find('.entry-content').first().wrapInner('<section class="maximum"></section>');
11383        $searchResultsTitle.addClass('double').find('a').addClass('color-navy').append($('<span class="sencha-arrow-forward">➲</span>'));
11384        $searchResultsContent.wrapInner('<p></p>');
11385        $searchResultsPagination.addClass('pagination archive-pagination').find('wdm_ul').addClass('page-numbers');
11386        $searchForm.find('.rdp-gcs-search-button, .rdp-gcs-search-term').attr("tabindex", -1);
11387        $searchForm.find('#cser').attr("value", "");
11388        $searchForm.find('.rdp-gcs-search-term').attr("placeholder", "?")
11389            .on("keydown", function (ev) {
11390                ev.stopImmediatePropagation();
11391                if (ev.which == 13) {
11392                    if ($('#' + this.form.id + ' #cseid').val() == 0) {
11393                        handle_search_and_highlight($txtSearchTerm.val());
11394                    } else if ($txtSearchTerm.val() !== '') {
11395                        $("body").unhighlight();
11396                        $('#' + this.form.id + ' #s').val('');
11397                        $('input[name=csep]').val(1);
11398                        this.form.submit();
11399                    }
11400                } else {
11401                    validateSearch();
11402                }
11403            })
11404            .on("keyup", function (ev) {
11405                validateSearch();
11406            });
11407        $searchForm
11408            .find('.rdp-gcs-search-button')
11409            .on('click', function (ev) {
11410                ev.stopImmediatePropagation();
11411                if ($('#' + this.form.id + ' #cseid').val() == 0) {
11412                    handle_search_and_highlight($txtSearchTerm.val());
11413                } else if ($txtSearchTerm.val() !== '') {
11414                    $("body").unhighlight();
11415                    $('#' + this.form.id + ' #s').val('');
11416                    $('input[name=csep]').val(1);
11417                    this.form.submit();
11418                }
11419            });
11420        $searchForm
11421            .on('mousemove', function (ev) {
11422                validateSearch();
11423            })
11424            .on('focusin', function (ev) {
11425                $('#menu-secondary-navigation-menu').addClass('search-active').find('.search').addClass('active');
11426                $('#menu-secondary-navigation-menu > li a').fadeOut();
11427                validateSearch();
11428            })
11429            .on('focusout', function (ev) {
11430                $('#menu-secondary-navigation-menu > li a').fadeIn(function () {
11431                    $('#menu-secondary-navigation-menu').removeClass('search-active').find('.search').removeClass('active');
11432                });
11433            });
11434        $('#SearchMenu')
11435            .on('click', function (ev) {
11436                ev.stopImmediatePropagation();
11437                $('#menu-secondary-navigation-menu > .search > .search-form').find('.rdp-gcs-search-term')[0].focus();
11438            });
11439    });
11440})(jQuery);
11441
11442(function ($) {
11443    $('#menu-item-26717,#menu-item-36342').hover(
11444        function () {
11445            $('#menu-item-36336').addClass('hide');
11446        },
11447        function () {
11448            $('#menu-item-36336').removeClass('hide');
11449        }
11450    );
11451    $(document).on('touchstart click', '.open-nav', function (e) {
11452        if ($(e.target).is('#hamburger') || $(e.target).parents('nav.nav-primary').length) {
11453            return true;
11454        } else {
11455            $(this).removeClass('open-nav');
11456        }
11457    });
11458    if (typeof Cookies !== 'undefined') {
11459        $('body').toggleClass('can-checkout', Number(Cookies.get('woocommerce_items_in_cart')) > 0);
11460    }
11461})(jQuery);
11462
11463jQuery(document).ready(function ($) {
11464    var $t = $('.blog .content-sidebar-wrap .sidebar-primary #hybrid-categories-6'),
11465        $l = $('ul', $t).hide(),
11466        st = $l.slideToggle.bind($l);
11467    $t.off().on('click', 'h4', st);
11468    var r = 4, mrktoWait;
11469    (mrktoWait = function () {
11470        setTimeout(function () {
11471            var $mko = $('.marketo-fat-form'), hashLink = $('[href="' + location.hash + '"]').first();
11472            if ($mko.length) $mko.find('[style]').removeAttr('style').end().find('style').detach().end().fadeIn(), hashLink.length && hashLink.click(); else if (--r) mrktoWait();
11473        }, 2000);
11474    })();
11475});
11476
11477(function ($) {
11478    $('.slide').attr('style', 'display:none;');
11479    $('.pagination').addClass('entry').find('ul').addClass('page-numbers').find('li a').addClass('small flat loose page-numbers button color-light');
11480    $('.pagination .active').removeClass('active').find('a').addClass('current');
11481    $('link[href*="xmlrpc.php"]').detach();
11482    $('body').removeClass('woocommerce');
11483    $('input.submit').addClass('color-navy');
11484    $('.widget .blog-subscription input[type="submit"]').addClass('small closer').parent().find('[name="subscribe"]').addClass('color-orange').parent().find('[name="unsubscribe"]').addClass('color-grey').parent().find('br,label').detach();
11485    $('.woocommerce-error li > small').on('click', function () { $(this).toggleClass('closed open') });
11486    $('.newsletter').click(function () { $('.newsletter').attr('href', '/newsletter/?email=' + $('.newsletterEmail').val()); });
11487})(jQuery);
11488
11489jQuery(document).ready(function ($) {
11490    //Add Idera Menu
11491    $(".title-area").prepend("<div class='sncINCburgerMenu'><img width='100' height='18' class='incMenuIMG' src='/wp-content/uploads/2023/04/idera-logo-alter.png' alt='Discover Idera, Inc.' title='Discover Idera, Inc.' /><div class='incMenuBOX'><div class='incMenuTITLE'>IDERA, Inc.</div><a class='incMenuLINK' href='https://www.ideracorp.com/aboutus' target='_blank'>About Idera, Inc.</a><a class='incMenuLINK' href='https://www.ideracorp.com/developertools' target='_blank'>Developer Tools</a><a class='incMenuLINK' href='https://www.ideracorp.com/databasetools' target='_blank'>Database Tools</a><a class='incMenuLINK' href='https://www.ideracorp.com/devopstools' target='_blank'>DevOps Tools</a><div class='incMenuHR'>&nbsp;</div><a class='incMenuLINK' href='tel:18002122802'>US: 1 (800) 212-2802</a></div></div>");
11492});
11493
11494//Section Scoller
11495(function ($) {
11496    var $advBTN = $('.sncSectionScrollBTN').removeClass('sncSectionScrollBTN').wrap('<a href="#" title="" target="_self" class="sncSectionScrollBTN"></a>').parent(),
11497        productPageAnchors = ['Overview', 'Tools', 'Example', 'Resources', 'GetStarted', 'Top'],
11498        advanceAnchor = function () {
11499            var nextIndex = productPageAnchors.indexOf($advBTN.data('nextAnchorIndex')) + 1,
11500                nextAnchor = productPageAnchors[nextIndex >= productPageAnchors.length && !(nextIndex = 0), nextIndex],
11501                rotateDeg = 'rotate(' + (productPageAnchors.indexOf(nextAnchor) + 1 >= productPageAnchors.length ? '-180' : '0') + 'deg)';
11502            setTimeout(function () {
11503                $advBTN.attr('href', '#' + nextAnchor).attr('title', nextAnchor);
11504            }, 60);
11505            $advBTN.data('nextAnchorIndex', nextAnchor).css('transform', rotateDeg);
11506            return !0;
11507        };
11508    $advBTN.on('click', advanceAnchor);
11509    advanceAnchor();
11510})(jQuery);
11511  jQuery(document).ready(function($) {
11512    
11513$(".footer-widgets-6").append("<div class='medal-block'><a href='https://www.g2.com/products/ext-js/reviews ' target='_blank'><img width='105px' height='136px' src='https://www.sencha.com/wp-content/uploads/2023/04/medal.svg' alt='Leader winter' title='Leader winter'/></a></div>");
11514 $(".sncFooterWrap .wrap").append("<div class='social-icons-1'><a title='stackoverflow' href='https://stackoverflow.com/questions/tagged/extjs' target='_blank'><img src='https://www.sencha.com/wp-content/uploads/2022/01/stack-overflow.svg' alt='Stackoverflow' title='Stackoverflow' loading = 'lazy' /></a><a href='https://discord.com/invite/RfxMGSbHXT' title='discord'><img src='https://www.sencha.com/wp-content/uploads/2022/01/discord.svg' alt='Discord' title='Discord' loading = 'lazy' /></a><a href='https://github.com/sencha' target='_blank' title='github'><img src='https://www.sencha.com/wp-content/uploads/2022/01/github.svg' alt='Github' title='Github' /></a><a href='https://www.youtube.com/c/sencha' target='_blank' title='youtube'><img src='https://www.sencha.com/wp-content/uploads/2022/01/youtube.svg' alt='Youtube' title='Youtube' loading = 'lazy' /></a></div>");
11515});
11516jQuery(document).ready(function () {
11517
11518    const countries = {
11519        'AF':{ "name": "Afghanistan", "phoneCode": "+93" },
11520        'AX':{ "name": "land Islands", "phoneCode": "+358" },
11521        'AL':{ "name": "Albania", "phoneCode": "+355" },
11522        'DZ':{ "name": "Algeria", "phoneCode": "+213" },
11523        'AS':{ "name": "American Samoa", "phoneCode": "+1" },
11524        'AD':{ "name": "AndorrA", "phoneCode": "+376" },
11525        'AO':{ "name": "Angola", "phoneCode": "+244" },
11526        'AI':{ "name": "Anguilla", "phoneCode": "+1" },
11527        'AQ':{ "name": "Antarctica", "phoneCode": "+672" },
11528        'AG':{ "name": "Antigua and Barbuda", "phoneCode": "+1" },
11529        'AR':{ "name": "Argentina", "phoneCode": "+54" },
11530        'AM':{ "name": "Armenia", "phoneCode": "+374" },
11531        'AW':{ "name": "Aruba", "phoneCode": "+297" },
11532        'AU':{ "name": "Australia", "phoneCode": "+61" },
11533        'AT':{ "name": "Austria", "phoneCode": "+43" },
11534        'AZ':{ "name": "Azerbaijan", "phoneCode": "+994" },
11535        'BS':{ "name": "Bahamas", "phoneCode": "+1" },
11536        'BH':{ "name": "Bahrain", "phoneCode": "+973" },
11537        'BD':{ "name": "Bangladesh", "phoneCode": "+880" },
11538        'BB':{ "name": "Barbados", "phoneCode": "+1" },
11539        'BY':{ "name": "Belarus", "phoneCode": "+375" },
11540        'BE':{ "name": "Belgium", "phoneCode": "+32" },
11541        'BZ':{ "name": "Belize", "phoneCode": "+501" },
11542        'BJ':{ "name": "Benin", "phoneCode": "+229" },
11543        'BM':{ "name": "Bermuda", "phoneCode": "+1" },
11544        'BT':{ "name": "Bhutan", "phoneCode": "+975" },
11545        'BO':{ "name": "Bolivia", "phoneCode": "+591" },
11546        'BA':{ "name": "Bosnia and Herzegovina", "phoneCode": "+387" },
11547        'BW':{ "name": "Botswana", "phoneCode": "+267" },
11548        'BV':{ "name": "Bouvet Island", "phoneCode": "+47" },
11549        'BR':{ "name": "Brazil", "phoneCode": "+55" },
11550        'IO':{ "name": "British Indian Ocean Territory", "phoneCode": "+246" },
11551        'BN':{ "name": "Brunei Darussalam", "phoneCode": "+673" },
11552        'BG':{ "name": "Bulgaria", "phoneCode": "+359" },
11553        'BF':{ "name": "Burkina Faso", "phoneCode": "+226" },
11554        'BI':{ "name": "Burundi", "phoneCode": "+257" },
11555        'KH':{ "name": "Cambodia", "phoneCode": "+855" },
11556        'CM':{ "name": "Cameroon", "phoneCode": "+237" },
11557        'CA':{ "name": "Canada", "phoneCode": "+1" },
11558        'CV':{ "name": "Cape Verde", "phoneCode": "+238" },
11559        'KY':{ "name": "Cayman Islands", "phoneCode": "+1" },
11560        'CF':{ "name": "Central African Republic", "phoneCode": "+236" },
11561        'TD':{ "name": "Chad", "phoneCode": "+235" },
11562        'CL':{ "name": "Chile", "phoneCode": "+56" },
11563        'CN':{ "name": "China", "phoneCode": "+86" },
11564        'CX':{ "name": "Christmas Island", "phoneCode": "+61" },
11565        'CC':{ "name": "Cocos (Keeling) Islands", "phoneCode": "+61" },
11566        'CO':{ "name": "Colombia", "phoneCode": "+57" },
11567        'KM':{ "name": "Comoros", "phoneCode": "+269" },
11568        'CG':{ "name": "Congo", "phoneCode": "+242" },
11569        'CD':{ "name": "Congo, The Democratic Republic of the", "phoneCode": "+243" },
11570        'CK':{ "name": "Cook Islands", "phoneCode": "+682" },
11571        'CR':{ "name": "Costa Rica", "phoneCode": "+506" },
11572        'CI':{ "name": "Cote D'Ivoire", "phoneCode": "+225" },
11573        'HR':{ "name": "Croatia", "phoneCode": "+385" },
11574        'CU':{ "name": "Cuba", "phoneCode": "+53" },
11575        'CY':{ "name": "Cyprus", "phoneCode": "+357" },
11576        'CZ':{ "name": "Czech Republic", "phoneCode": "+420" },
11577        'DK':{ "name": "Denmark", "phoneCode": "+45" },
11578        'DJ':{ "name": "Djibouti", "phoneCode": "+253" },
11579        'DM':{ "name": "Dominica", "phoneCode": "+1" },
11580        'DO':{ "name": "Dominican Republic", "phoneCode": "+1" },
11581        'EC':{ "name": "Ecuador", "phoneCode": "+593" },
11582        'EG':{ "name": "Egypt", "phoneCode": "+20" },
11583        'SV':{ "name": "El Salvador", "phoneCode": "+503" },
11584        'GQ':{ "name": "Equatorial Guinea", "phoneCode": "+240" },
11585        'ER':{ "name": "Eritrea", "phoneCode": "+291" },
11586        'EE':{ "name": "Estonia", "phoneCode": "+372" },
11587        'ET':{ "name": "Ethiopia", "phoneCode": "+251" },
11588        'FK':{ "name": "Falkland Islands (Malvinas)", "phoneCode": "+500" },
11589        'FO':{ "name": "Faroe Islands", "phoneCode": "+298" },
11590        'FJ':{ "name": "Fiji", "phoneCode": "+679" },
11591        'FI':{ "name": "Finland", "phoneCode": "+358" },
11592        'FR':{ "name": "France", "phoneCode": "+33" },
11593        'GF':{ "name": "French Guiana", "phoneCode": "+594" },
11594        'PF':{ "name": "French Polynesia", "phoneCode": "+689" },
11595        'TF':{ "name": "French Southern Territories", "phoneCode": "+262" },
11596        'GA':{ "name": "Gabon", "phoneCode": "+241" },
11597        'GM':{ "name": "Gambia", "phoneCode": "+220" },
11598        'GE':{ "name": "Georgia", "phoneCode": "+995" },
11599        'DE':{ "name": "Germany", "phoneCode": "+49" },
11600        'GH':{ "name": "Ghana", "phoneCode": "+233" },
11601        'GI':{ "name": "Gibraltar", "phoneCode": "+350" },
11602        'GR':{ "name": "Greece", "phoneCode": "+30" },
11603        'GL':{ "name": "Greenland", "phoneCode": "+299" },
11604        'GD':{ "name": "Grenada", "phoneCode": "+1" },
11605        'GP':{ "name": "Guadeloupe", "phoneCode": "+590" },
11606        'GU':{ "name": "Guam", "phoneCode": "+1" },
11607        'GT':{ "name": "Guatemala", "phoneCode": "+502" },
11608        'GG':{ "name": "Guernsey", "phoneCode": "+44" },
11609        'GN':{ "name": "Guinea", "phoneCode": "+224" },
11610        'GW':{ "name": "Guinea-Bissau", "phoneCode": "+245" },
11611        'GY':{ "name": "Guyana", "phoneCode": "+592" },
11612        'HT':{ "name": "Haiti", "phoneCode": "+509" },
11613        'HM':{ "name": "Heard Island and Mcdonald Islands", "phoneCode": "+672" },
11614        'VA':{ "name": "Holy See (Vatican City State)", "phoneCode": "+379" },
11615        'HN':{ "name": "Honduras", "phoneCode": "+504" },
11616        'HK':{ "name": "Hong Kong", "phoneCode": "+852" },
11617        'HU':{ "name": "Hungary", "phoneCode": "+36" },
11618        'IS':{ "name": "Iceland", "phoneCode": "+354" },
11619        'IN':{ "name": "India", "phoneCode": "+91" },
11620        'ID':{ "name": "Indonesia", "phoneCode": "+62" },
11621        'IR':{ "name": "Iran, Islamic Republic Of", "phoneCode": "+98" },
11622        'IQ':{ "name": "Iraq", "phoneCode": "+964" },
11623        'IE':{ "name": "Ireland", "phoneCode": "+353" },
11624        'IM':{ "name": "Isle of Man", "phoneCode": "+44" },
11625        'IL':{ "name": "Israel", "phoneCode": "+972" },
11626        'IT':{ "name": "Italy", "phoneCode": "+39" },
11627        'JM':{ "name": "Jamaica", "phoneCode": "+1" },
11628        'JP':{ "name": "Japan", "phoneCode": "+81" },
11629        'JE':{ "name": "Jersey", "phoneCode": "+44" },
11630        'JO':{ "name": "Jordan", "phoneCode": "+962" },
11631        'KZ':{ "name": "Kazakhstan", "phoneCode": "+7" },
11632        'KE':{ "name": "Kenya", "phoneCode": "+254" },
11633        'KI':{ "name": "Kiribati", "phoneCode": "+686" },
11634        'KP':{ "name": "Korea, Democratic People'S Republic of", "phoneCode": "+850" },
11635        'KR':{ "name": "Korea, Republic of", "phoneCode": "+82" },
11636        'KW':{ "name": "Kuwait", "phoneCode": "+965" },
11637        'KG':{ "name": "Kyrgyzstan", "phoneCode": "+996" },
11638        'LA':{ "name": "Lao People'S Democratic Republic", "phoneCode": "+856" },
11639        'LV':{ "name": "Latvia", "phoneCode": "+371" },
11640        'LB':{ "name": "Lebanon", "phoneCode": "+961" },
11641        'LS':{ "name": "Lesotho", "phoneCode": "+266" },
11642        'LR':{ "name": "Liberia", "phoneCode": "+231" },
11643        'LY':{ "name": "Libyan Arab Jamahiriya", "phoneCode": "+218" },
11644        'LI':{ "name": "Liechtenstein", "phoneCode": "+423" },
11645        'LT':{ "name": "Lithuania", "phoneCode": "+370" },
11646        'LU':{ "name": "Luxembourg", "phoneCode": "+352" },
11647        'MO':{ "name": "Macao", "phoneCode": "+853" },
11648        'MK':{ "name": "Macedonia, The Former Yugoslav Republic of", "phoneCode": "+389" },
11649        'MG':{ "name": "Madagascar", "phoneCode": "+261" },
11650        'MW':{ "name": "Malawi", "phoneCode": "+265" },
11651        'MY':{ "name": "Malaysia", "phoneCode": "+60" },
11652        'MV':{ "name": "Maldives", "phoneCode": "+960" },
11653        'ML':{ "name": "Mali", "phoneCode": "+223" },
11654        'MT':{ "name": "Malta", "phoneCode": "+356" },
11655        'MH':{ "name": "Marshall Islands", "phoneCode": "+692" },
11656        'MQ':{ "name": "Martinique", "phoneCode": "+596" },
11657        'MR':{ "name": "Mauritania", "phoneCode": "+222" },
11658        'MU':{ "name": "Mauritius", "phoneCode": "+230" },
11659        'YT':{ "name": "Mayotte", "phoneCode": "+262" },
11660        'MX':{ "name": "Mexico", "phoneCode": "+52" },
11661        'FM':{ "name": "Micronesia, Federated States of", "phoneCode": "+691" },
11662        'MD':{ "name": "Moldova, Republic of", "phoneCode": "+373" },
11663        'MC':{ "name": "Monaco", "phoneCode": "+377" },
11664        'MN':{ "name": "Mongolia", "phoneCode": "+976" },
11665        'MS':{ "name": "Montserrat", "phoneCode": "+1" },
11666        'MA':{ "name": "Morocco", "phoneCode": "+212" },
11667        'MZ':{ "name": "Mozambique", "phoneCode": "+258" },
11668        'MM':{ "name": "Myanmar", "phoneCode": "+95" },
11669        'NA':{ "name": "Namibia", "phoneCode": "+264" },
11670        'NR':{ "name": "Nauru", "phoneCode": "+674" },
11671        'NP':{ "name": "Nepal", "phoneCode": "+977" },
11672        'NL':{ "name": "Netherlands", "phoneCode": "+31" },
11673        'AN':{ "name": "Netherlands Antilles", "phoneCode": "+599" },
11674        'NC':{ "name": "New Caledonia", "phoneCode": "+687" },
11675        'NZ':{ "name": "New Zealand", "phoneCode": "+64" },
11676        'NI':{ "name": "Nicaragua", "phoneCode": "+505" },
11677        'NE':{ "name": "Niger", "phoneCode": "+227" },
11678        'NG':{ "name": "Nigeria", "phoneCode": "+234" },
11679        'NU':{ "name": "Niue", "phoneCode": "+683" },
11680        'NF':{ "name": "Norfolk Island", "phoneCode": "+672" },
11681        'MP':{ "name": "Northern Mariana Islands", "phoneCode": "+1" },
11682        'NO':{ "name": "Norway", "phoneCode": "+47" },
11683        'OM':{ "name": "Oman", "phoneCode": "+968" },
11684        'PK':{ "name": "Pakistan", "phoneCode": "+92" },
11685        'PW':{ "name": "Palau", "phoneCode": "+680" },
11686        'PS':{ "name": "Palestinian Territory, Occupied", "phoneCode": "+970" },
11687        'PA':{ "name": "Panama", "phoneCode": "+507" },
11688        'PG':{ "name": "Papua New Guinea", "phoneCode": "+675" },
11689        'PY':{ "name": "Paraguay", "phoneCode": "+595" },
11690        'PE':{ "name": "Peru", "phoneCode": "+51" },
11691        'PH':{ "name": "Philippines", "phoneCode": "+63" },
11692        'PN':{ "name": "Pitcairn", "phoneCode": "+870" },
11693        'PL':{ "name": "Poland", "phoneCode": "+48" },
11694        'PT':{ "name": "Portugal", "phoneCode": "+351" },
11695        'PR':{ "name": "Puerto Rico", "phoneCode": "+1" },
11696        'QA':{ "name": "Qatar", "phoneCode": "+974" },
11697        'RE':{ "name": "Reunion", "phoneCode": "+262" },
11698        'RO':{ "name": "Romania", "phoneCode": "+40" },
11699        'RU':{ "name": "Russian Federation", "phoneCode": "+7" },
11700        'RW':{ "name": "RWANDA", "phoneCode": "+250" },
11701        'SH':{ "name": "Saint Helena", "phoneCode": "+290" },
11702        'KN':{ "name": "Saint Kitts and Nevis", "phoneCode": "+1" },
11703        'LC':{ "name": "Saint Lucia", "phoneCode": "+1" },
11704        'PM':{ "name": "Saint Pierre and Miquelon", "phoneCode": "+508" },
11705        'VC':{ "name": "Saint Vincent and the Grenadines", "phoneCode": "+1" },
11706        'WS':{ "name": "Samoa", "phoneCode": "+685" },
11707        'SM':{ "name": "San Marino", "phoneCode": "+378" },
11708        'ST':{ "name": "Sao Tome and Principe", "phoneCode": "+239" },
11709        'SA':{ "name": "Saudi Arabia", "phoneCode": "+966" },
11710        'SN':{ "name": "Senegal", "phoneCode": "+221" },
11711        'CS':{ "name": "Serbia and Montenegro", "phoneCode": "+381" },
11712        'SC':{ "name": "Seychelles", "phoneCode": "+248" },
11713        'SL':{ "name": "Sierra Leone", "phoneCode": "+232" },
11714        'SG':{ "name": "Singapore", "phoneCode": "+65" },
11715        'SK':{ "name": "Slovakia", "phoneCode": "+421" },
11716        'SI':{ "name": "Slovenia", "phoneCode": "+386" },
11717        'SB':{ "name": "Solomon Islands", "phoneCode": "+677" },
11718        'SO':{ "name": "Somalia", "phoneCode": "+252" },
11719        'ZA':{ "name": "South Africa", "phoneCode": "+27" },
11720        'GS':{ "name": "South Georgia and the South Sandwich Islands", "phoneCode": "+500" },
11721        'ES':{ "name": "Spain", "phoneCode": "+34" },
11722        'LK':{ "name": "Sri Lanka", "phoneCode": "+94" },
11723        'SD':{ "name": "Sudan", "phoneCode": "+249" },
11724        'SR':{ "name": "Suriname", "phoneCode": "+597" },
11725        'SJ':{ "name": "Svalbard and Jan Mayen", "phoneCode": "+47" },
11726        'SZ':{ "name": "Swaziland", "phoneCode": "+268" },
11727        'SE':{ "name": "Sweden", "phoneCode": "+46" },
11728        'CH':{ "name": "Switzerland", "phoneCode": "+41" },
11729        'SY':{ "name": "Syrian Arab Republic", "phoneCode": "+963" },
11730        'TW':{ "name": "Taiwan, Province of China", "phoneCode": "+886" },
11731        'TJ':{ "name": "Tajikistan", "phoneCode": "+992" },
11732        'TZ':{ "name": "Tanzania, United Republic of", "phoneCode": "+255" },
11733        'TH':{ "name": "Thailand", "phoneCode": "+66" },
11734        'TL':{ "name": "Timor-Leste", "phoneCode": "+670" },
11735        'TG':{ "name": "Togo", "phoneCode": "+228" },
11736        'TK':{ "name": "Tokelau", "phoneCode": "+690" },
11737        'TO':{ "name": "Tonga", "phoneCode": "+676" },
11738        'TT':{ "name": "Trinidad and Tobago", "phoneCode": "+1" },
11739        'TN':{ "name": "Tunisia", "phoneCode": "+216" },
11740        'TR':{ "name": "Turkey", "phoneCode": "+90" },
11741        'TM':{ "name": "Turkmenistan", "phoneCode": "+993" },
11742        'TC':{ "name": "Turks and Caicos Islands", "phoneCode": "+1" },
11743        'TV':{ "name": "Tuvalu", "phoneCode": "+688" },
11744        'UG':{ "name": "Uganda", "phoneCode": "+256" },
11745        'UA':{ "name": "Ukraine", "phoneCode": "+380" },
11746        'AE':{ "name": "United Arab Emirates", "phoneCode": "+971" },
11747        'GB':{ "name": "United Kingdom", "phoneCode": "+44" },
11748        'US':{ "name": "United States", "phoneCode": "+1" },
11749        'UM':{ "name": "United States Minor Outlying Islands", "phoneCode": "+1" },
11750        'UY':{ "name": "Uruguay", "phoneCode": "+598" },
11751        'UZ':{ "name": "Uzbekistan", "phoneCode": "+998" },
11752        'VU':{ "name": "Vanuatu", "phoneCode": "+678" },
11753        'VE':{ "name": "Venezuela", "phoneCode": "+58" },
11754        'VN':{ "name": "Viet Nam", "phoneCode": "+84" },
11755        'VG':{ "name": "Virgin Islands, British", "phoneCode": "+1" },
11756        'VI':{ "name": "Virgin Islands, U.S.", "phoneCode": "+1" },
11757        'WF':{ "name": "Wallis and Futuna", "phoneCode": "+681" },
11758        'EH':{ "name": "Western Sahara", "phoneCode": "+212" },
11759        'YE':{ "name": "Yemen", "phoneCode": "+967" },
11760        'ZM':{ "name": "Zambia", "phoneCode": "+260" },
11761        'ZW':{ "name": "Zimbabwe", "phoneCode": "+263" }
11762    };
11763
11764
11765    var selectedCountry = '';
11766    var csClassList = '';
11767    var isCountryFieldExist = jQuery('input[value="country_name"]');
11768    var phoneField = jQuery('input[value="phone_number"]');
11769    var userPhoneCode = "";
11770    var phoneNumberField = jQuery('input[type=tel]');
11771    var userPhoneNumber = "";
11772
11773    if (isCountryFieldExist.length) {
11774
11775        jQuery('.country-dropdown').hide();
11776        jQuery('input[value="country_name"]').attr('data-key', 'selectedCountry');
11777        phoneField.attr('data-key', 'phone');
11778        getdialCode();
11779    }
11780    function getdialCode(){
11781        let intervalId = setInterval(function(){
11782            let dialCodeField = document.querySelector('.iti__selected-dial-code');
11783            if(dialCodeField){
11784                changeCountryCustom();
11785                addOnChangeAttr();
11786                clearInterval(intervalId);
11787            }
11788        })
11789    }
11790    function changeCountryCustom() {
11791        let csClassList = document.querySelector('.iti__flag').classList.value;
11792        csClassList = csClassList.replace('iti__flag','');
11793        csClassList = csClassList.replace('iti__','').trim().toUpperCase();
11794        selectedCountry = countries[csClassList]['name'];
11795        userPhoneCode = countries[csClassList]['phoneCode'];
11796        jQuery('input[data-key ="selectedCountry"]').val(selectedCountry);
11797        updatePhoneNumber();
11798        var countryToFind = jQuery('input[data-key=selectedCountry]').val();
11799        var countrySelect = jQuery('.country-dropdown');
11800        var countryOption = countrySelect.find('option:contains("' + countryToFind + '")');
11801
11802        if (countryOption.length) {
11803            jQuery('.country-dropdown select').val(countryToFind).trigger("change");
11804            makeSubmitButtonDisable();
11805            }
11806    }
11807    function addOnChangeAttr() {
11808        var targetElement = document.querySelector('.iti__selected-dial-code');
11809        var observer = new MutationObserver(function(mutations) {
11810            changeCountryCustom();
11811        });
11812        var config = { attributes: true, childList: true, subtree: true };
11813        observer.observe(targetElement, config);
11814    }
11815
11816    
11817    function updatePhoneNumber() {
11818
11819        if (phoneNumberField.val()[0] != '+') {
11820            userPhoneNumber = userPhoneCode + phoneNumberField.val();
11821        } else {
11822            userPhoneNumber = phoneNumberField.val();
11823        }
11824        jQuery('input[data-key="phone"]').val(userPhoneNumber);
11825    }
11826
11827    function makeSubmitButtonDisable(){
11828        setTimeout(function () {
11829         var isError = jQuery('.spf-phone.error-msg').is(':visible');
11830                if (isError) {
11831                    jQuery('input[type=submit]').attr('disabled', true);
11832                    jQuery('input[type=submit]').css('opacity', '0.6');
11833                    jQuery('input[type=submit]').css('cursor', 'not-allowed');
11834                } else {
11835                    jQuery('input[type=submit]').attr('disabled', false);
11836                    jQuery('input[type=submit]').css('opacity', '1');
11837                    jQuery('input[type=submit]').css('cursor', 'pointer');
11838                }
11839                  }, 500);
11840    }
11841    jQuery('input[type=tel]').blur(function () {
11842        if (isCountryFieldExist.length) {
11843            
11844            updatePhoneNumber();
11845            makeSubmitButtonDisable();
11846       
11847        }
11848    });
11849
11850});
11851
11852
11853
11854const POPUP_KEY = 'senchaExitPopupShown';
11855
11856if (!localStorage.getItem(POPUP_KEY)) {
11857  document.documentElement.addEventListener('mouseleave', (e) => {
11858    if (e.clientY <= 0) {
11859      //document.querySelector('.sencha-popup').classList.add('is-open');
11860
11861      // Remember that the popup has been shown
11862      //localStorage.setItem(POPUP_KEY, 'true');
11863    }
11864  }, { once: true });
11865}});</script>
11865<script type="text/javascript" id="sns_scripts">document.addEventListener('mousemove', function loadFlagIconsOnce() {
11866  const href2 = 'https://www.sencha.com/wp-content/plugins/popup-builder/public/css/theme.css';
11867  if (!document.querySelector(`link[href="${href2}"]`)) {
11868    const link = document.createElement('link');
11869    link.rel = 'stylesheet';
11870    link.href = href2;
11871    document.head.appendChild(link);
11872  }
11873
11874  // Run only once
11875  document.removeEventListener('mousemove', loadFlagIconsOnce);
11876});
11877// Live JS
11878document.addEventListener("DOMContentLoaded", function () {
11879  jQuery('.card-wrapper-1').owlCarousel({
11880    loop: true,
11881    margin: 10,
11882    responsiveClass: true,
11883    navText: ['', ''],
11884    pagination: true,
11885    responsive: {
11886      0: {
11887        items: 1,
11888        nav: false
11889      },
11890      600: {
11891        items: 3,
11892        nav: false
11893      },
11894      1000: {
11895        items: 4,
11896        nav: true,
11897        loop: false,
11898        margin: 20
11899      }
11900    }
11901  });
11902  jQuery(".reext-apps-slider").owlCarousel({
11903		items: 3,
11904    loop: true,
11905    nav: true,
11906    dots: true,
11907    responsive: {
11908      0: {
11909        items: 1
11910      },
11911      576: {
11912        items: 2
11913      },
11914      992: {
11915        items: 3
11916      }
11917		}
11918	});
11919
11920  //Go through each carousel on the page
11921  jQuery('.owl-carousel').each(function() {
11922     //Find each set of dots in this carousel
11923     jQuery(this).find('.owl-dot').each(function(index) {
11924        //Add one to index so it starts from 1
11925        jQuery(this).attr('aria-label', index + 1);
11926     });
11927  })
11928  let index = 0;
11929  const interval = 1000; // 1 seconds
11930  const items = jQuery('.hero-img-btn');
11931
11932  function animateItems() {
11933      items.removeClass('pulse'); // Remove the class from all items
11934      if (index < items.length) {
11935          items.eq(index).addClass('pulse'); // Add the class to the current item
11936          index++;
11937      } else {
11938          index = 0; // Reset the index
11939      }
11940  }
11941  setInterval(animateItems, interval);
11942});
11943
11944	document.addEventListener("DOMContentLoaded", function () {
11945    const section = document.querySelector(".rext-apps-section");
11946    if (!section) return;
11947    const items = Array.from(
11948        section.querySelectorAll(".rext-app-item")
11949    );
11950    const videoContainer = section.querySelector(
11951        "#rextVideoContainer"
11952    );
11953    const list = section.querySelector(
11954        ".rext-apps__list"
11955    );
11956    if (!items.length || !videoContainer || !list) {
11957        return;
11958    }
11959   /* =====================================================
11960       SETTINGS
11961       ===================================================== */
11962    const AUTO_CHANGE_TIME = 5000;
11963    const MOBILE_BREAKPOINT = 991;
11964   /* =====================================================
11965       STATE
11966       ===================================================== */
11967    let activeIndex = 0;
11968    let autoChangeTimer = null;
11969    let mobileDetails = document.querySelector('.rext-mobile-details');
11970    let scrollTimer = null;
11971    let isProgrammaticScroll = false;
11972   /* =====================================================
11973       DEVICE CHECK
11974       ===================================================== */
11975    function isMobile() {
11976        return window.innerWidth <= MOBILE_BREAKPOINT;
11977    }
11978   /* =====================================================
11979       CREATE VIDEO / IFRAME
11980       ===================================================== */
11981
11982   /* =====================================================
11983       CHANGE VIDEO
11984       ===================================================== */
11985    function changeVideo(item) {
11986        const source =
11987            item.dataset.img;
11988        const bgColor =
11989            item.dataset.color;
11990       if (!source) {
11991            return;
11992        }
11993       /* Fade out */
11994        videoContainer.classList.add(
11995            "is-changing"
11996        );
11997       setTimeout(function () {
11998            jQuery('#rextVideoContainer img').attr('src',source);
11999            jQuery('.rext-video').attr('style',`--bg-color: ${bgColor}`);
12000           /* Fade in */
12001            requestAnimationFrame(function () {
12002                videoContainer.classList.remove(
12003                    "is-changing"
12004                );
12005            });
12006        }, 300);
12007    }
12008   /* =====================================================
12009       CREATE MOBILE DETAILS CONTAINER
12010       ===================================================== */
12011    function createMobileDetails() {
12012        if (mobileDetails) {
12013            return;
12014        }
12015       mobileDetails =
12016            document.createElement("div");
12017       mobileDetails.className =
12018            "rext-mobile-details";
12019       /*
12020         * Insert immediately after the
12021         * horizontal tab list.
12022         */
12023        list.insertAdjacentElement(
12024            "afterend",
12025            mobileDetails
12026        );
12027    }
12028   /* =====================================================
12029       UPDATE MOBILE DETAILS
12030       ===================================================== */
12031    function updateMobileDetails(item) {
12032        if (!isMobile()) {
12033            return;
12034        }
12035       createMobileDetails();
12036       const details =
12037            item.querySelector(
12038                ".rext-app-item__details"
12039            );
12040       if (!details) {
12041            return;
12042        }
12043       const text =
12044            details.querySelector(
12045                ".rext-app-item__text"
12046            );
12047       if (!text) {
12048            return;
12049        }
12050       const heading =
12051            text.querySelector("h3");
12052        const paragraph =
12053            text.querySelector("p");
12054       const button =
12055            details.querySelector(".btn");
12056       mobileDetails.classList.add(
12057            "is-changing"
12058        );
12059       setTimeout(function () {
12060            let html = "";
12061           if (heading) {
12062                html +=
12063                    "<h3>" +
12064                    heading.innerHTML +
12065                    "</h3>";
12066            }
12067           if (paragraph) {
12068                html +=
12069                    "<p>" +
12070                    paragraph.innerHTML +
12071                    "</p>";
12072            }
12073           if (button) {
12074                html +=
12075                    button.outerHTML;
12076            }
12077           mobileDetails.innerHTML =
12078                '<div class="rext-mobile-details__text">' +
12079                html +
12080                "</div>";
12081           requestAnimationFrame(function () {
12082                mobileDetails.classList.remove(
12083                    "is-changing"
12084                );
12085            });
12086        }, 180);
12087    }
12088   /* =====================================================
12089    CENTER ACTIVE TAB
12090    ===================================================== */
12091    function centerActiveItem(item, smooth = true) {
12092        if (!isMobile() || !item) {
12093            return;
12094        }
12095        const listRect = list.getBoundingClientRect();
12096        const itemRect = item.getBoundingClientRect();
12097        const itemCenter =
12098            (itemRect.left - listRect.left) +
12099            (itemRect.width / 2);
12100        const listCenter =
12101            list.clientWidth / 2;
12102        const targetScrollLeft =
12103            list.scrollLeft +
12104            itemCenter -
12105            listCenter;
12106       isProgrammaticScroll = true;
12107        list.scrollTo({
12108            left: targetScrollLeft,
12109            behavior: smooth ? "smooth" : "auto"
12110        });
12111        setTimeout(function () {
12112            isProgrammaticScroll = false;
12113        }, smooth ? 500 : 50);
12114    }
12115   /* =====================================================
12116       MAKE FIRST / LAST TAB CENTERABLE
12117       ===================================================== */
12118    function updateListSidePadding() {
12119        if (!isMobile()) {
12120            list.style.paddingLeft = "";
12121            list.style.paddingRight = "";
12122            return;
12123        }
12124       /*
12125         * The first and last items need extra
12126         * space so they can physically reach
12127         * the center of the viewport.
12128         */
12129        const firstItem =
12130            items[0];
12131        const lastItem =
12132            items[items.length - 1];
12133       if (!firstItem || !lastItem) {
12134            return;
12135        }
12136       const listWidth =
12137            list.clientWidth;
12138       const firstWidth =
12139            firstItem.offsetWidth;
12140       const lastWidth =
12141            lastItem.offsetWidth;
12142       const leftPadding =
12143            Math.max(
12144                20,
12145                (listWidth - firstWidth) / 2
12146            );
12147       const rightPadding =
12148            Math.max(
12149                20,
12150                (listWidth - lastWidth) / 2
12151            );
12152       list.style.paddingLeft =
12153            leftPadding + "px";
12154
12155       list.style.paddingRight =
12156            rightPadding + "px";
12157    }
12158   /* =====================================================
12159       ACTIVATE ITEM
12160       ===================================================== */
12161    function activateItem(
12162        index,
12163        options = {}
12164    ) {
12165        const {
12166            center = true,
12167            smooth = true
12168        } = options;
12169       if (!items.length) {
12170            return;
12171        }
12172       /* Circular index */
12173        if (index < 0) {
12174
12175            index =
12176                items.length - 1;
12177        }
12178       if (index >= items.length) {
12179            index = 0;
12180        }
12181       activeIndex = index;
12182       /* -------------------------------------------------
12183           REMOVE ACTIVE STATES
12184           ------------------------------------------------- */
12185        items.forEach(function (item) {
12186            item.classList.remove(
12187                "is-active"
12188            );
12189            item.classList.remove(
12190                "is-progressing"
12191            );
12192        });
12193       /* -------------------------------------------------
12194           ACTIVE ITEM
12195           ------------------------------------------------- */
12196        const activeItem =
12197            items[activeIndex];
12198
12199       activeItem.classList.add(
12200            "is-active"
12201        );
12202       /*
12203         * Force reflow.
12204         *
12205         * This restarts the desktop progress
12206         * animation every time.
12207         */
12208        void activeItem.offsetWidth;
12209       activeItem.classList.add(
12210            "is-progressing"
12211        );
12212       /* -------------------------------------------------
12213           MOBILE
12214           ------------------------------------------------- */
12215        if (isMobile()) {
12216            updateListSidePadding();
12217            updateMobileDetails(
12218                activeItem
12219            );
12220           if (center) {
12221                centerActiveItem(
12222                    activeItem,
12223                    smooth
12224                );
12225            }
12226        }
12227       /* -------------------------------------------------
12228           VIDEO
12229           ------------------------------------------------- */
12230        changeVideo(
12231            activeItem
12232        );
12233    }
12234   /* =====================================================
12235       AUTOMATIC SWITCH
12236       ===================================================== */
12237    function startAutoChange() {
12238        clearInterval(
12239            autoChangeTimer
12240        );
12241       autoChangeTimer =
12242            setInterval(function () {
12243                activateItem(
12244                    activeIndex + 1,
12245                    {
12246                        center: true,
12247                        smooth: true
12248                    }
12249                );
12250            }, AUTO_CHANGE_TIME);
12251    }
12252   /* =====================================================
12253       CLICK
12254       ===================================================== */
12255    items.forEach(function (
12256        item,
12257        index
12258    ) {
12259        item.addEventListener(
12260            "click",
12261            function (event) {
12262               /*
12263                 * Don't activate another tab
12264                 * when Explore button is clicked.
12265                 */
12266                if (
12267                    event.target.closest(".btn")
12268                ) {
12269                    return;
12270                }
12271               activateItem(
12272                    index,
12273                    {
12274                        center: true,
12275                        smooth: true
12276                    }
12277                );
12278               /*
12279                 * Restart the 5-second timer
12280                 * after manual selection.
12281                 */
12282                startAutoChange();
12283            }
12284        );
12285    });
12286   /* =====================================================
12287       DETECT TAB AFTER MANUAL HORIZONTAL SCROLL
12288       ===================================================== */
12289    list.addEventListener(
12290        "scroll",
12291        function () {
12292            if (!isMobile()) {
12293                return;
12294            }
12295           /*
12296             * Don't interfere with the automatic
12297             * scroll animation.
12298             */
12299            if (isProgrammaticScroll) {
12300                return;
12301            }
12302           clearTimeout(
12303                scrollTimer
12304            );
12305           /*
12306             * Wait until the user stops dragging/swiping.
12307             */
12308            scrollTimer =
12309                setTimeout(function () {
12310                    const listRect =
12311                        list.getBoundingClientRect();
12312                   const listCenter =
12313                        listRect.left +
12314                        listRect.width / 2;
12315                   let closestIndex =
12316                        activeIndex;
12317                   let closestDistance =
12318                        Infinity;
12319                   items.forEach(
12320                        function (
12321                            item,
12322                            index
12323                        ) {
12324                            const rect =
12325                                item.getBoundingClientRect();
12326
12327                           const itemCenter =
12328                                rect.left +
12329                                rect.width / 2;
12330                           const distance =
12331                                Math.abs(
12332                                    listCenter -
12333                                    itemCenter
12334                                );
12335                           if (
12336                                distance <
12337                                closestDistance
12338                            ) {
12339                                closestDistance =
12340                                    distance;
12341                                closestIndex =
12342                                    index;
12343                            }
12344                        }
12345                    );
12346                   /*
12347                     * Only activate if a different
12348                     * tab has become the centered tab.
12349                     */
12350                    if (
12351                        closestIndex !==
12352                        activeIndex
12353                    ) {
12354                        activateItem(
12355                            closestIndex,
12356                            {
12357                                center: false,
12358                                smooth: false
12359                            }
12360                        );
12361                       /*
12362                         * Restart auto timer
12363                         * after manual scrolling.
12364                         */
12365                        startAutoChange();
12366                    }
12367                }, 120);
12368        },
12369        {
12370            passive: true
12371        }
12372    );
12373   /* =====================================================
12374    RESIZE
12375    ===================================================== */
12376    let resizeTimer = null;
12377    let wasMobile = window.innerWidth <= MOBILE_BREAKPOINT;
12378   window.addEventListener(
12379        "resize",
12380        function () {
12381            clearTimeout(resizeTimer);
12382            resizeTimer = setTimeout(function () {
12383                const currentlyMobile =
12384                    window.innerWidth <= MOBILE_BREAKPOINT;
12385               /* =========================================
12386                MOBILE
12387                ========================================= */
12388                if (currentlyMobile) {
12389                    createMobileDetails();
12390                    updateListSidePadding();
12391                    const activeItem =
12392                        items[activeIndex];
12393                    if (activeItem) {
12394                        updateMobileDetails(
12395                            activeItem
12396                        );
12397                        /*
12398                        * Only center when actually
12399                        * switching from desktop → mobile.
12400                        */
12401                        if (!wasMobile) {
12402                            centerActiveItem(
12403                                activeItem,
12404                                false
12405                            );
12406                        }
12407                    }
12408                }
12409               /* =========================================
12410                DESKTOP
12411                ========================================= */
12412                else {
12413                    /*
12414                    * Remove the dynamically-created
12415                    * mobile content completely.
12416                    */
12417                    if (mobileDetails) {
12418                        mobileDetails.remove();
12419                        mobileDetails = null;
12420                    }
12421                   /*
12422                    * Remove mobile-specific inline
12423                    * padding from the horizontal list.
12424                    */
12425                    list.style.paddingLeft = "";
12426                    list.style.paddingRight = "";
12427                   /*
12428                    * Make sure desktop item states
12429                    * are restored correctly.
12430                    */
12431                    items.forEach(function (item) {
12432                        item.classList.remove(
12433                            "is-active"
12434                        );
12435                        item.classList.remove(
12436                            "is-progressing"
12437                        );
12438                    });
12439                   const activeItem =
12440                        items[activeIndex];
12441                    if (activeItem) {
12442                        activeItem.classList.add(
12443                            "is-active"
12444                        );
12445                        void activeItem.offsetWidth;
12446                        activeItem.classList.add(
12447                            "is-progressing"
12448                        );
12449                    }
12450                }
12451               /* Update previous state */
12452                wasMobile = currentlyMobile;
12453           }, 150);
12454        }
12455    );
12456   /* =====================================================
12457       INITIALIZE
12458       ===================================================== */
12459    if (isMobile()) {
12460        createMobileDetails();
12461        updateListSidePadding();
12462    }
12463   activateItem(
12464        0,
12465        {
12466            center: isMobile(),
12467            smooth: false
12468        }
12469    );
12470   startAutoChange();
12471});</script>
12471<script>window.addEventListener('DOMContentLoaded', function() {
12472  function getCookie(name) {
12473    const match = document.cookie.match(
12474      new RegExp('(^| )' + name + '=([^;]+)')
12475    );
12476    return match ? match[2] : null;
12477  }
12478
12479  function setCookie(name, value, years) {
12480    const date = new Date();
12481    date.setTime(date.getTime() + (years * 365 * 24 * 60 * 60 * 1000));
12482    document.cookie =
12483      name + '=' + value +
12484      '; expires=' + date.toUTCString() +
12485      '; path=/';
12486  }
12487
12488  //if (!getCookie('alreadyViewedDark')) {
12489    //jQuery('.theme-switch').addClass('first-time');
12490    //setCookie('alreadyViewedDark', '1', 20);
12491  //}
12492});</script>
12492
12493
12494<!--Start of Tawk.to Script-->
12495<script type="text/javascript">
12496var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date(), preventTawkForPages = [
12497    'finance/ext-js',
12498    'technology/ext-js',
12499    'manufacturing/ext-js',
12500    'extjs/ext-js-free-trial-lp',
12501  	'fastest-react-grid',
12502  	'jsdays/ai',
12503  	'jsdays/react',
12504  	'jsdays/javascript',
12505  	'jsdays/generate-participation-certificate'
12506];
12507(function(){
12508if(preventTawkForPages.includes(new URL(window.location.href).pathname.replace(/^\/|\/$/g, ''))) return;
12509var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0];
12510s1.async=true;
12511s1.src='https://embed.tawk.to/69afdd71791b0a1c352a0dd0/1jjbfi1p8';
12512s1.charset='UTF-8';
12513s1.setAttribute('crossorigin','*');
12514s0.parentNode.insertBefore(s1,s0);
12515})();
12516</script>
12516
12517<!--End of Tawk.to Script-->
12517<script type="text/javascript" id="geoip-detect-js-js-extra">
12518/* <![CDATA[ */
12519var geoip_detect = {"options":{"ajaxurl":"https://www.sencha.com/wp-admin/admin-ajax.php","default_locales":["en","en"],"do_body_classes":false,"do_shortcodes":false,"cookie_name":"geoip-detect-result","cookie_duration_in_days":1}};
12520//# sourceURL=geoip-detect-js-js-extra
12521/* ]]> */
12522</script>
vendor: 1 bytes, line 12522
12522
12523<script data-minify="1" type="text/javascript" src="https://www.sencha.com/wp-content/cache/min/1/wp-content/plugins/geoip-detect/js/dist/frontend_full.js?ver=1789670438" id="geoip-detect-js-js" data-rocket-defer defer></script>
vendor: 1 bytes, line 12523
12523
12524<script type="text/javascript" id="lst-util-js-extra">
12525/* <![CDATA[ */
12526var lst_util = {"ajaxurl":"https://www.sencha.com/wp-admin/admin-ajax.php","cookiename":"UTMSession","event":"lst-session","campaign":"utm_campaign","content":"utm_content","medium":"utm_medium","source":"utm_source","term":"utm_term"};
12527//# sourceURL=lst-util-js-extra
12528/* ]]> */
12529</script>
vendor: 1 bytes, line 12529
12529
12530<script data-minify="1" type="text/javascript" src="https://www.sencha.com/wp-content/cache/min/1/wp-content/plugins/lead-source-tracking-uility/js/lst_util.js?ver=1789670438" id="lst-util-js" data-rocket-defer defer></script>
vendor: 1 bytes, line 12530
12530
12531<script data-minify="1" type="text/javascript" src="https://www.sencha.com/wp-content/cache/min/1/wp-content/plugins/duracelltomi-google-tag-manager/dist/js/gtm4wp-form-move-tracker.js?ver=1789670438" id="gtm4wp-form-move-tracker-js" data-rocket-defer defer></script>
vendor: 1 bytes, line 12531
12531
12532<script type="text/javascript" id="rocket-browser-checker-js-after">
12533/* <![CDATA[ */
12534"use strict";var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){return protoProps&&defineProperties(Constructor.prototype,protoProps),staticProps&&defineProperties(Constructor,staticProps),Constructor}}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}var RocketBrowserCompatibilityChecker=function(){function RocketBrowserCompatibilityChecker(options){_classCallCheck(this,RocketBrowserCompatibilityChecker),this.passiveSupported=!1,this._checkPassiveOption(this),this.options=!!this.passiveSupported&&options}return _createClass(RocketBrowserCompatibilityChecker,[{key:"_checkPassiveOption",value:function(self){try{var options={get passive(){return!(self.passiveSupported=!0)}};window.addEventListener("test",null,options),window.removeEventListener("test",null,options)}catch(err){self.passiveSupported=!1}}},{key:"initRequestIdleCallback",value:function(){!1 in window&&(window.requestIdleCallback=function(cb){var start=Date.now();return setTimeout(function(){cb({didTimeout:!1,timeRemaining:function(){return Math.max(0,50-(Date.now()-start))}})},1)}),!1 in window&&(window.cancelIdleCallback=function(id){return clearTimeout(id)})}},{key:"isDataSaverModeOn",value:function(){return"connection"in navigator&&!0===navigator.connection.saveData}},{key:"supportsLinkPrefetch",value:function(){var elem=document.createElement("link");return elem.relList&&elem.relList.supports&&elem.relList.supports("prefetch")&&window.IntersectionObserver&&"isIntersecting"in IntersectionObserverEntry.prototype}},{key:"isSlowConnection",value:function(){return"connection"in navigator&&"effectiveType"in navigator.connection&&("2g"===navigator.connection.effectiveType||"slow-2g"===navigator.connection.effectiveType)}}]),RocketBrowserCompatibilityChecker}();
12535//# sourceURL=rocket-browser-checker-js-after
12536/* ]]> */
12537</script>
vendor: 1 bytes, line 12537
12537
12538<script type="text/javascript" id="rocket-preload-links-js-extra">
12539/* <![CDATA[ */
12540var RocketPreloadLinksConfig = {"excludeUris":"/legal/extensions/|/legal/gpl/|/resources/whitepaper/|/resources/whitepaper/when-to-choose-extangular/|/resources/whitepaper/when-to-choose-extreact/|/products/grui/|/state-of-web-application-testing/|/products/webtestit/|/renew-my-license/|/pricing/independent-consultant-program/|/products/architect/beta/evaluate/|/products/app-tools/|/extjshub/contact/|/unlocking-new-revenue-streams/|/partners/partner-portal/|/products/extnet/evaluate/|/virtual-senchacon-2023/|/webinars/learn-how-to-build-universal-applications-using-ext-js-with-open-tooling/|/webinars/|/resources/skill-sprints/|/products/touch/download-old/|/products/stencils/download-old/|/partners/partner-program-inquiry-old/|/partners/reseller-program-inquiry-old/|/newsletter-old/|/products/reext-old/|/products/webtestit/download-old/|/renew-my-license-old/|/company/contact-old/|/resources/skill-sprints-old/|/resources/ebook-emailseries-old/|/products/extjs/evaluate-old/|/virtual-senchacon-2023-old/|/products/rapid-ext-js-old/|/products/rapid-ext-js-new/|/products/extjs/communityedition-old/|/partners/partner-program-inquiry/|/newsletter/|/products/touch/download/|/products/gxt/evaluate/|/resources/whitepaper/advanced-javascript-cheat-sheet/|/resources/whitepaper/c-level-guide-for-enterprise-application-development/|/resources/whitepaper/proprietary-vs-open-source-javascript-ui-framework/|/resources/whitepaper/the-perfect-guide-to-enterprise-resilience-framework/|/resources/whitepaper/adopting-a-unified-component-library-strategy/|/resources/whitepaper/unlocking-new-revenue-streams/|/resources/whitepaper/the-evolution-of-javascript-tooling/|/resources/whitepaper/choosing-your-web-components-wisely/|/resources/whitepaper/open-source-problems-keeping-you-up-at-night/|/resources/whitepaper/building-data-intensive-applications-to-accelerate-enterprise-growth/|/resources/whitepaper/modern-guide-to-financial-tech-app-development/|/products/webtestit/download/|/resources/whitepaper/choosing-web-app-libraries-in-an-open-source-world/|/lp/reactreext/|/products/extjs/upgradeadviser-old/|/products/rapid-ext-js-new-old/|/lp/products/extjs/|/lp/products/ext-js/|/solutions/|/training/|/lp/products/extjstrial/|/reext-contest/|/resources/reext-time-tracking-series/|/test-page-3/|/sencha-feature-requests/|/feature-requests/|/feature-requests/|/feature/|/feature/|/(?:.+/)?feed(?:/(?:.+/?)?)?$|/(?:.+/)?embed/|/(index.php/)?(.*)wp-json(/.*|$)|/refer/|/go/|/recommend/|/recommends/","usesTrailingSlash":"1","imageExt":"jpg|jpeg|gif|png|tiff|bmp|webp|avif|pdf|doc|docx|xls|xlsx|php","fileExt":"jpg|jpeg|gif|png|tiff|bmp|webp|avif|pdf|doc|docx|xls|xlsx|php|html|htm","siteUrl":"https://www.sencha.com","onHoverDelay":"100","rateThrottle":"3"};
12541//# sourceURL=rocket-preload-links-js-extra
12542/* ]]> */
12543</script>
vendor: 1 bytes, line 12543
12543
12544<script type="text/javascript" id="rocket-preload-links-js-after">
12545/* <![CDATA[ */
12546(function() {
12547"use strict";var r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e=function(){function i(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}return function(e,t,n){return t&&i(e.prototype,t),n&&i(e,n),e}}();function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var t=function(){function n(e,t){i(this,n),this.browser=e,this.config=t,this.options=this.browser.options,this.prefetched=new Set,this.eventTime=null,this.threshold=1111,this.numOnHover=0}return e(n,[{key:"init",value:function(){!this.browser.supportsLinkPrefetch()||this.browser.isDataSaverModeOn()||this.browser.isSlowConnection()||(this.regex={excludeUris:RegExp(this.config.excludeUris,"i"),images:RegExp(".("+this.config.imageExt+")$","i"),fileExt:RegExp(".("+this.config.fileExt+")$","i")},this._initListeners(this))}},{key:"_initListeners",value:function(e){-1<this.config.onHoverDelay&&document.addEventListener("mouseover",e.listener.bind(e),e.listenerOptions),document.addEventListener("mousedown",e.listener.bind(e),e.listenerOptions),document.addEventListener("touchstart",e.listener.bind(e),e.listenerOptions)}},{key:"listener",value:function(e){var t=e.target.closest("a"),n=this._prepareUrl(t);if(null!==n)switch(e.type){case"mousedown":case"touchstart":this._addPrefetchLink(n);break;case"mouseover":this._earlyPrefetch(t,n,"mouseout")}}},{key:"_earlyPrefetch",value:function(t,e,n){var i=this,r=setTimeout(function(){if(r=null,0===i.numOnHover)setTimeout(function(){return i.numOnHover=0},1e3);else if(i.numOnHover>i.config.rateThrottle)return;i.numOnHover++,i._addPrefetchLink(e)},this.config.onHoverDelay);t.addEventListener(n,function e(){t.removeEventListener(n,e,{passive:!0}),null!==r&&(clearTimeout(r),r=null)},{passive:!0})}},{key:"_addPrefetchLink",value:function(i){return this.prefetched.add(i.href),new Promise(function(e,t){var n=document.createElement("link");n.rel="prefetch",n.href=i.href,n.onload=e,n.onerror=t,document.head.appendChild(n)}).catch(function(){})}},{key:"_prepareUrl",value:function(e){if(null===e||"object"!==(void 0===e?"undefined":r(e))||!1 in e||-1===["http:","https:"].indexOf(e.protocol))return null;var t=e.href.substring(0,this.config.siteUrl.length),n=this._getPathname(e.href,t),i={original:e.href,protocol:e.protocol,origin:t,pathname:n,href:t+n};return this._isLinkOk(i)?i:null}},{key:"_getPathname",value:function(e,t){var n=t?e.substring(this.config.siteUrl.length):e;return n.startsWith("/")||(n="/"+n),this._shouldAddTrailingSlash(n)?n+"/":n}},{key:"_shouldAddTrailingSlash",value:function(e){return this.config.usesTrailingSlash&&!e.endsWith("/")&&!this.regex.fileExt.test(e)}},{key:"_isLinkOk",value:function(e){return null!==e&&"object"===(void 0===e?"undefined":r(e))&&(!this.prefetched.has(e.href)&&e.origin===this.config.siteUrl&&-1===e.href.indexOf("?")&&-1===e.href.indexOf("#")&&!this.regex.excludeUris.test(e.href)&&!this.regex.images.test(e.href))}}],[{key:"run",value:function(){"undefined"!=typeof RocketPreloadLinksConfig&&new n(new RocketBrowserCompatibilityChecker({capture:!0,passive:!0}),RocketPreloadLinksConfig).init()}}]),n}();t.run();
12548}());
12549
12550//# sourceURL=rocket-preload-links-js-after
12551/* ]]> */
12552</script>
vendor: 1 bytes, line 12552
12552
12553<script type="text/javascript" id="rocket_lazyload_css-js-extra">
12554/* <![CDATA[ */
12555var rocket_lazyload_css_data = {"threshold":"300"};
12556//# sourceURL=rocket_lazyload_css-js-extra
12557/* ]]> */
12558</script>
vendor: 1 bytes, line 12558
12558
12559<script type="text/javascript" id="rocket_lazyload_css-js-after">
12560/* <![CDATA[ */
12561!function o(n,a,c){function l(t,e){if(!a[t]){if(!n[t]){var r="function"==typeof require&&require;if(!e&&r)return r(t,!0);if(u)return u(t,!0);throw(e=new Error("Cannot find module '"+t+"'")).code="MODULE_NOT_FOUND",e}r=a[t]={exports:{}},n[t][0].call(r.exports,function(e){return l(n[t][1][e]||e)},r,r.exports,o,n,a,c)}return a[t].exports}for(var u="function"==typeof require&&require,e=0;e<c.length;e++)l(c[e]);return l}({1:[function(e,t,r){{let r="undefined"==typeof rocket_pairs?[]:rocket_pairs,o=(("undefined"==typeof rocket_excluded_pairs?[]:rocket_excluded_pairs).map(t=>{var e=t.selector;document.querySelectorAll(e).forEach(e=>{e.setAttribute("data-rocket-lazy-bg-"+t.hash,"excluded")})}),document.querySelector("#wpr-lazyload-bg-container"));var a=rocket_lazyload_css_data.threshold||300;let n=new IntersectionObserver(e=>{e.forEach(t=>{t.isIntersecting&&r.filter(e=>t.target.matches(e.selector)).map(t=>{var e;t&&((e=document.createElement("style")).textContent=t.style,o.insertAdjacentElement("afterend",e),t.elements.forEach(e=>{n.unobserve(e),e.setAttribute("data-rocket-lazy-bg-"+t.hash,"loaded")}))})})},{rootMargin:a+"px"});function c(){0<(0<arguments.length&&void 0!==arguments[0]?arguments[0]:[]).length&&r.forEach(t=>{try{document.querySelectorAll(t.selector).forEach(e=>{"loaded"!==e.getAttribute("data-rocket-lazy-bg-"+t.hash)&&"excluded"!==e.getAttribute("data-rocket-lazy-bg-"+t.hash)&&(n.observe(e),(t.elements||=[]).push(e))})}catch(e){console.error(e)}})}c(),(()=>{let r=window.MutationObserver;return function(e,t){if(e&&1===e.nodeType)return(t=new r(t)).observe(e,{attributes:!0,childList:!0,subtree:!0}),t}})()(document.querySelector("body"),c)}},{}]},{},[1]);
12562//# sourceURL=rocket_lazyload_css-js-after
12563/* ]]> */
12564</script>
vendor: 1 bytes, line 12564
12564
12565<script data-minify="1" type="text/javascript" src="https://www.sencha.com/wp-content/cache/min/1/[email protected]/dist/aos.js?ver=1789670438" id="AOS-js" data-rocket-defer defer></script>
vendor: 1 bytes, line 12565
12565
12566<script type="text/javascript" src="https://www.sencha.com/wp-includes/js/hoverIntent.min.js?ver=1.10.2" id="hoverIntent-js" data-rocket-defer defer></script>
12566
12567
12568<!-- This site is optimized with Phil Singleton's WP SEO Structured Data Plugin v2.7.10 - https://kcseopro.com/wordpress-seo-structured-data-schema-plugin/ -->
12569<script type="application/ld+json">{
12570    "@context": "https://schema.org/",
12571    "@type": "WebSite",
12572    "url": "https://www.sencha.com",
12573    "name": null,
12574    "alternateName": null
12575}</script>
12575
12576<!-- / WP SEO Structured Data Plugin. -->
12577
12578<script type="text/javascript">(function() { var po = document.createElement('script'); po.type = 'text/javascript'; po.async=true;; po.src = 'https://www.sencha.com/wp-content/plugins/easy-social-share-buttons3/assets/modules/pinterest-pro.min.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s); })();(function() { var po = document.createElement('script'); po.type = 'text/javascript'; po.async=true;; po.src = 'https://www.sencha.com/wp-content/plugins/easy-social-share-buttons3/assets/modules/subscribe-forms.min.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s); })();(function() { var po = document.createElement('script'); po.type = 'text/javascript'; po.async=true;; po.src = 'https://www.sencha.com/wp-content/plugins/easy-social-share-buttons3/assets/js/essb-core.min.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s); })();</script>
12578<script type="text/javascript"></script>
12578	
12578<script>window.addEventListener('DOMContentLoaded', function() {
12579		(($) => {
12580			if (navigator.appVersion.indexOf("Win") != -1) {
12581				if (navigator.userAgent.indexOf("Win64") != -1 || navigator.userAgent.indexOf("WOW64") != -1 || navigator.userAgent.indexOf("x64") != -1) {
12582					$(".field-name-operatingSystem select").val("Windows 64-bit").trigger('change');
12583					$("#field-name-dropdownMenu2-69403").val("Windows 64-bit").trigger('change');
12584					$("#field-name-operatingSystem-70145").val("Windows 64-bit").trigger('change');
12585				} else {
12586					$(".field-name-operatingSystem select").val("Windows 32-bit").trigger('change');
12587					$("#field-name-dropdownMenu2-69403").val("Windows 32-bit").trigger('change');
12588					$("#field-name-operatingSystem-70145").val("Windows 32-bit").trigger('change');
12589				}
12590			} else if (navigator.platform.toUpperCase().indexOf('MAC') >= 0) {
12591				$(".field-name-operatingSystem select").val("Mac OS X").trigger('change');
12592				$("#field-name-dropdownMenu2-69403").val("Mac OS X").trigger('change');
12593				$("#field-name-operatingSystem-70145").val("Mac OS X").trigger('change');
12594			} else if (navigator.appVersion.indexOf("Linux") != -1) {
12595				if (navigator.userAgent.indexOf("Linux x86_64") != -1) {
12596
12597					$(".field-name-operatingSystem select").val("Linux 64-bit").trigger('change');
12598					$("#field-name-dropdownMenu2-69403").val("Linux 64-bit").trigger('change');
12599					$("#field-name-operatingSystem-70145").val("Linux 64-bit").trigger('change');
12600
12601				} else {
12602
12603					$(".field-name-operatingSystem select").val("Linux 32-bit").trigger('change');
12604					$("#field-name-dropdownMenu2-69403").val("Linux 32-bit").trigger('change');
12605					$("#field-name-operatingSystem-70145").val("Linux 32-bit").trigger('change');
12606
12607				}
12608			}
12609		})(jQuery);
12610	});</script>
12610
12611	
12611<script>window.lazyLoadOptions=[{elements_selector:"img[data-lazy-src],.rocket-lazyload,iframe[data-lazy-src]",data_src:"lazy-src",data_srcset:"lazy-srcset",data_sizes:"lazy-sizes",class_loading:"lazyloading",class_loaded:"lazyloaded",threshold:300,callback_loaded:function(element){if(element.tagName==="IFRAME"&&element.dataset.rocketLazyload=="fitvidscompatible"){if(element.classList.contains("lazyloaded")){if(typeof window.jQuery!="undefined"){if(jQuery.fn.fitVids){jQuery(element).parent().fitVids()}}}}}},{elements_selector:".rocket-lazyload",data_src:"lazy-src",data_srcset:"lazy-srcset",data_sizes:"lazy-sizes",class_loading:"lazyloading",class_loaded:"lazyloaded",threshold:300,}];window.addEventListener('LazyLoad::Initialized',function(e){var lazyLoadInstance=e.detail.instance;if(window.MutationObserver){var observer=new MutationObserver(function(mutations){var image_count=0;var iframe_count=0;var rocketlazy_count=0;mutations.forEach(function(mutation){for(var i=0;i<mutation.addedNodes.length;i++){if(typeof mutation.addedNodes[i].getElementsByTagName!=='function'){continue}
12612if(typeof mutation.addedNodes[i].getElementsByClassName!=='function'){continue}
12613images=mutation.addedNodes[i].getElementsByTagName('img');is_image=mutation.addedNodes[i].tagName=="IMG";iframes=mutation.addedNodes[i].getElementsByTagName('iframe');is_iframe=mutation.addedNodes[i].tagName=="IFRAME";rocket_lazy=mutation.addedNodes[i].getElementsByClassName('rocket-lazyload');image_count+=images.length;iframe_count+=iframes.length;rocketlazy_count+=rocket_lazy.length;if(is_image){image_count+=1}
12614if(is_iframe){iframe_count+=1}}});if(image_count>0||iframe_count>0||rocketlazy_count>0){lazyLoadInstance.update()}});var b=document.getElementsByTagName("body")[0];var config={childList:!0,subtree:!0};observer.observe(b,config)}},!1)</script>
12614<script data-no-minify="1" async src="https://www.sencha.com/wp-content/plugins/wp-rocket/assets/js/lazyload/17.8.3/lazyload.min.js"></script>
12614<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"4f8f0ae469a841a68c9099743db87178","spa":2}' crossorigin="anonymous"></script>
12614
12615</body></html>
12616<!-- This website is like a Rocket, isn't it? Performance optimized by WP Rocket. Learn more: https://wp-rocket.me - Debug: cached@1790147371 -->

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.