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 & 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 & 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 » Feed" href="https://www.sencha.com/feed/" /> 160<link rel="alternate" type="application/rss+xml" title="Sencha.com » Comments Feed" href="https://www.sencha.com/comments/feed/" /> 161<link rel="alternate" type="application/rss+xml" title="Sencha.com » 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&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='#fefefe', endColorstr='#bfbfbf',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 – <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’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 – 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 – 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 – 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 & Browser Support</h3> 10724<p>Tested across major browsers and platforms – 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 & 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="[{"param":"click","operator":"clickActionCustomClass","value":"high-performance-grid-application","hiddenOption":[]}]" 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&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="[{"param":"click","operator":"clickActionCustomClass","value":"create-rapid-extjs-app","hiddenOption":[]}]" 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="[{"param":"click","operator":"clickActionCustomClass","value":"create-extjs-app","hiddenOption":[]}]" 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="[{"param":"click","operator":"clickActionCustomClass","value":"unveil-rapid-extjs-magic","hiddenOption":[]}]" 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⚡️| 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="[{"param":"click","operator":"clickActionCustomClass","value":"js-days-video-playlist","hiddenOption":[]}]" 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="🚀 JS Days 2024: Unleash the JavaScript Magic! 🌐" 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="[{"param":"click","operator":"clickActionCustomClass","value":"skill-sprints-series-playlist","hiddenOption":[]}]" 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="[{"param":"click","operator":"clickActionCustomClass","value":"extjs-explainer-video ","hiddenOption":[]}]" 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="[{"param":"click","operator":"clickActionCustomClass","value":"reext-demo","hiddenOption":[]}]" 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="[{"param":"click","operator":"clickActionCustomClass","value":"consuming-external-libraries","hiddenOption":[]}]" 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&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="[{"param":"click","operator":"clickActionCustomClass","value":"skill-sprint-series-webinar","hiddenOption":[]}]" 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&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="[{"param":"click","operator":"clickActionCustomClass","value":"series8","hiddenOption":[]}]" 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&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="[{"param":"click","operator":"clickActionCustomClass","value":"series7","hiddenOption":[]}]" 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&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="[{"param":"click","operator":"clickActionCustomClass","value":"series6","hiddenOption":[]}]" 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&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="[{"param":"click","operator":"clickActionCustomClass","value":"series5","hiddenOption":[]}]" 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&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="[{"param":"click","operator":"clickActionCustomClass","value":"series4","hiddenOption":[]}]" 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&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="[{"param":"click","operator":"clickActionCustomClass","value":"series3","hiddenOption":[]}]" 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&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="[{"param":"click","operator":"clickActionCustomClass","value":"series2","hiddenOption":[]}]" 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&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="[{"param":"click","operator":"clickActionCustomClass","value":"series1","hiddenOption":[]}]" 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&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="[{"param":"click","operator":"clickActionCustomClass","value":"unveil-extjs-magic","hiddenOption":[]}]" 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="[{"param":"click","operator":"clickActionCustomClass","value":"
11258vedio-thumbnail","hiddenOption":[]},{"param":"click","operator":"clickActionCustomClass","value":"vedio-icons","hiddenOption":[]}]" 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="[{"param":"click","operator":"clickActionCustomClass","value":"grui-download","hiddenOption":[]}]" 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&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'> </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.