PageSourceSearch

https://alfredoamezcua.com/

html alfredoamezcua.com collected 2026-09-30 13:52:45 UTC 224,121 bytes, 1,353 lines download raw bytes

1<html><head>
2        
3    <meta charset="utf-8">
4    <title>Home</title>
5    
6    <meta name="viewport" content="width=device-width, initial-scale=1.0">
7    <meta property="og:title" content="">
8    <meta property="og:description" content="">
9    <meta property="og:image" content="">
10    <meta name="description" content="">
11    <meta name="keywords" content="">
12    <meta name="robots" content="">
13    <link rel="icon" href="https://images.groovetech.io/YFAAdA9mIh0nor6dZit4Lzi1R8G0sV6CIVeIEV2zEF4/rs:fit:0:0:0/g:no:0:0/c:0:0/aHR0cHM6Ly9hc3NldHMuZ3Jvb3ZlYXBwcy5jb20vaW1hZ2VzLzVlZjliOWM3ZGQxZjYwMDAxOWZkZGMwYi8xNjUwMjQ2MDg5X0FtZXpjdWFHcm91cC0wMS1tb2RpZmllZDEucG5n.webp">
14    <link rel="preconnect" href="https://fonts.gstatic.com">
15    <link href="https://fonts.googleapis.com/css2?family=ABeeZee&amp;family=Abel&amp;family=Abril+Fatface&amp;family=Acme&amp;family=Alegreya&amp;family=Alegreya+Sans&amp;family=Alfa+Slab+One&amp;family=Almarai:wght@300;400;700;800&amp;family=Amiri+Quran&amp;family=Amatic+SC:wght@400;700&amp;family=Amiri&amp;family=Antic+Slab&amp;family=Anton&amp;family=Architects+Daughter&amp;family=Archivo&amp;family=Archivo+Black&amp;family=Archivo+Narrow&amp;family=Arimo&amp;family=Armata&amp;family=Arvo&amp;family=Asap:wght@400;700&amp;
15family=Assistant&amp;family=Balsamiq+Sans:wght@400;700&amp;family=Bangers&amp;family=Barlow+Condensed&amp;family=Barlow+Semi+Condensed&amp;family=Barlow:wght@400;700;900&amp;family=Bebas+Neue&amp;family=BenchNine&amp;family=Bitter:wght@400;700;900&amp;family=Bree+Serif&amp;family=Cabin&amp;family=Cabin+Condensed&amp;family=Cabin:wght@400;700&amp;family=Cairo:wght@400;700&amp;family=Cantarell&amp;family=Cardo&amp;family=Catamaran&amp;family=Caveat&amp;family=Chakra+Petch&amp;family=Changa:[email protected]&amp;family=Chivo&amp;family=Cinzel&amp;family=Comfortaa&amp;family=Concert+One&amp;family=Cookie&amp;family=Cormorant+Garamond:wght@400;700&amp;family=Courgette&amp;family=Crete+Round&amp;family=Crimson+Text:wght@400;700&amp;family=Cuprum&amp;family=DM+Sans&amp;family=DM+Serif+Display&amp;family=Dancing+Script:wght@400;700&amp;family=Didact+Gothic&amp;family=Domine&amp;family=Dosis&amp;family=EB+Garamond&amp;family=Economica&amp;family=Exo&amp;family=Exo+2&amp;family=Fira+Sans+Condensed&amp;family=Fira+Sans:wght@400;700;900&amp;family=Fjalla+One&amp;family=Francois+One&amp;family=Frank+Ruhl+Libre&amp;family=Gloria+Hallelujah&amp;family=Great+Vibes&amp;family=Gudea&amp;family=Hammersmith+One&amp;family=Handlee&amp;family=Heebo&amp;family=Hind&amp;family=Hind+Madurai&amp;family=Hind+Siliguri&amp;family=IBM+Plex+Mono&amp;family=IBM+Plex+Sans&amp;family=IBM+Plex+Serif&amp;family=Inconsolata&amp;family=Indie+Flower&amp;family=Inter&amp;family=Istok+Web&amp;family=Josefin+Sans:wght@400;700&amp;
15family=Josefin+Slab&amp;family=Jost&amp;family=Kalam&amp;family=Kanit&amp;family=Karla&amp;family=Kaushan+Script&amp;family=Lato:wght@400;700;900&amp;family=Libre+Baskerville:wght@400;700&amp;family=Libre+Franklin:wght@400;700;900&amp;family=Lilita+One&amp;family=Lobster&amp;family=Lobster+Two&amp;family=Lora:wght@400;700&amp;family=Luckiest+Guy&amp;family=M+PLUS+1p&amp;family=M+PLUS+Rounded+1c&amp;family=Manrope&amp;family=Martel:wght@400;700;900&amp;family=Maven+Pro&amp;family=Merriweather+Sans&amp;family=Merriweather:wght@400;700;900&amp;family=Monda&amp;family=Montserrat+Alternates&amp;family=Montserrat:wght@400;700;900&amp;family=Mukta:wght@400;700&amp;family=Mulish&amp;family=Nanum+Gothic&amp;family=Nanum+Myeongjo&amp;family=Neuton&amp;family=News+Cycle&amp;family=Noticia+Text&amp;family=Noto+Color+Emoji&amp;family=Noto+Kufi+Arabic:[email protected]&amp;family=Noto+Sans+HK&amp;family=Noto+Sans+JP:wght@400;700&amp;family=Noto+Sans+KR:wght@400;700;900&amp;family=Noto+Sans+SC&amp;family=Noto+Sans+TC&amp;family=Noto+Sans:wght@400;700&amp;
15family=Noto+Serif+JP&amp;family=Noto+Serif:wght@400;700&amp;family=Nunito+Sans:wght@200;300;400;700;900&amp;family=Nunito:wght@300;400;700;900&amp;family=Old+Standard+TT:wght@400;700&amp;family=Open+Sans+Condensed:wght@300;700&amp;family=Open+Sans:wght@300;400;700&amp;family=Orbitron&amp;family=Oswald:wght@400;700&amp;family=Outfit&amp;family=Overpass:wght@400;700;900&amp;family=Oxygen:wght@300;400;700&amp;family=PT+Sans+Caption&amp;family=PT+Sans+Narrow:wght@400;700&amp;family=PT+Sans:wght@400;700&amp;family=PT+Serif:wght@400;700&amp;family=Pacifico&amp;family=Passion+One&amp;family=Pathway+Gothic+One&amp;family=Patrick+Hand&amp;family=Patua+One&amp;family=Paytone+One&amp;family=Permanent+Marker&amp;family=Philosopher&amp;family=Play&amp;family=Playfair+Display+SC&amp;family=Playfair+Display:wght@400;700;900&amp;family=Plus+Jakarta+Sans&amp;family=Poiret+One&amp;family=Pontano+Sans&amp;family=Poppins:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&amp;family=Prata&amp;family=Prompt&amp;family=Public+Sans&amp;family=Quattrocento&amp;family=Quattrocento+Sans&amp;family=Questrial&amp;family=Quicksand&amp;family=Rajdhani&amp;family=Raleway:wght@400;700;900&amp;family=Red+Hat+Display&amp;family=Reem+Kufi:[email protected]&amp;
15family=Righteous&amp;family=Roboto+Condensed:wght@400;700&amp;family=Roboto+Mono&amp;family=Roboto+Slab:wght@400;700;900&amp;family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&amp;family=Rokkitt&amp;family=Ropa+Sans&amp;family=Rubik:ital,wght@0,400;0,700;1,900&amp;family=Russo+One&amp;family=Sacramento&amp;family=Saira+Condensed&amp;family=Sanchez&amp;family=Sarabun&amp;family=Satisfy&amp;family=Secular+One&amp;family=Shadows+Into+Light&amp;family=Signika+Negative&amp;family=Signika:wght@400;700&amp;family=Slabo+27px&amp;family=Source+Code+Pro:wght@400;700;900&amp;family=Source+Sans+3&amp;family=Source+Sans+Pro:wght@400;700;900&amp;family=Source+Serif+Pro:wght@400;700;900&amp;family=Space+Grotesk&amp;family=Special+Elite&amp;family=Tajawal:wght@400;700;900&amp;family=Tangerine&amp;family=Teko&amp;family=Tinos&amp;family=Titillium+Web:wght@400;700;900&amp;family=Ubuntu+Condensed&amp;family=Ubuntu:wght@400;700&amp;family=Varela+Round&amp;family=Volkhov&amp;family=Vollkorn&amp;family=Work+Sans:wght@400;700;900&amp;family=Yanone+Kaffeesatz&amp;family=Yantramanav&amp;family=Yellowtail&amp;family=Zilla+Slab&amp;display=swap" rel="stylesheet">
16    
17    <link href="https://app.groove.cm/groovepages/css/inpage_published.css" rel="stylesheet">
18    
18<script type="text/javascript" src="https://app.termly.io/resource-blocker/ba227d03-ab7f-4bcb-9249-60af709175d7?autoBlock=on"></script>
18
19<link data-gp-stylesheet href="/index.css?v=1.1760071032" rel="stylesheet"/>
20        </head><body data-gp-site-id="61fbf5dac9e6331d673413f5" data-gp-style="" class="gpblsh"><a href="#" onclick="window.displayPreferenceModal();return false;" id="termly-consent-preferences">Consent Preferences</a>
21
22      <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.9.0/css/all.min.css" integrity="sha512-q3eWabyZPc1XTCmF+8/LuE1ozpg5xxn7iO89yfSOd5/oKvyqLngoNGsx8jq92Y8eXJ/IRxQbEC+FGSYxtk2oiw==" crossorigin="anonymous" referrerpolicy="no-referrer">
23
24     
25     
26
27
28  <div class="loading-overlay" aria-hidden="true"></div>
29  
30 *{} {}
31     
32     
32<script type="text/javascript">
33        window.websiteurl = "https://alfredoamezcua.com/";
34        var megamenuEvent = new Event('megamenuLoaded');
35
36        function setPageUrl(button,page,queryString) {
37          var pageUrl = site.pages[page]?.url;
38          button.setAttribute('href', pageUrl + (queryString || ''));
39        }
40
41        function urlWithQueryParam(linkHREF) {
42      if( linkHREF.match(/^(http|https)?:\/\//i) ) {
43        var newQuery = window.location.search.substring(1);
44        if (linkHREF.includes(newQuery)) return linkHREF;
45        var baseLink = linkHREF.split('?')[0];
46        var existingQuery = linkHREF.split('?')[1] || '';
47        var hash = baseLink.split('#')[1] || existingQuery.split('#')[1] || '';
48        baseLink = baseLink.split('#')[0];
49        existingQuery = existingQuery.split('#')[0];
50        newQuery = newQuery ? '&' + newQuery : '';
51
52        var hashStr = hash ? '#' + hash : '';
53        var queryStr = existingQuery || newQuery ? '?' + existingQuery + newQuery : '';
54
55        return baseLink + queryStr + hashStr;
56      }
57
58      return linkHREF;
59    }
60
61        
62      function openQuickPopup(id,config,popupFrame) {
63        const popupClosebutton = '<button class="quick-popup-close-'+(config.closeButton || 'small')+'"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><title>Close</title><g stroke-linecap="square" stroke-linejoin="miter" stroke-width="1" transform="translate(0.5 0.5)" fill="#dcdcea" stroke="#dcdcea"><line fill="none" stroke="#dcdcea" stroke-miterlimit="10" x1="27" y1="5" x2="5" y2="27"></line> <line fill="none" stroke="#dcdcea" stroke-miterlimit="10" x1="27" y1="27" x2="5" y2="5"></line></g></svg></button>';
64
65        if( document.body.classList.contains('gpblsh') ) {
66          if( !document.querySelector('[data-gp-quick-popup-id="'+id+'"]') ) {
67            var quickPopupWrapper = document.createElement('div');
68            quickPopupWrapper.setAttribute('data-gp-quick-popup-id', id);
69            quickPopupWrapper.classList.add('hidden-popup');
70
71            var quickPopupWrapperInner = document.createElement('div');
72            quickPopupWrapperInner.innerHTML = popupClosebutton;
73            quickPopupWrapperInner.style = "width:"+(config.width || 625)+"px";
74
75            popupFrame.classList.add('popupframe');
76            quickPopupWrapperInner.prepend(popupFrame);
77            quickPopupWrapper.prepend(quickPopupWrapperInner);
78
79            document.body.prepend(quickPopupWrapper);
80            quickPopupWrapper.classList.remove('hidden-popup');
81
82
83            if (config.appearingAnimation) {
84              quickPopupWrapper.children[0].classList.add(config.appearingAnimation);
85              quickPopupWrapper.children[0].classList.add('animated');
86            }
87
88            quickPopupWrapper.addEventListener('click', e => {
89              if(config.leavingAnimation) {
90                quickPopupWrapper.children[0].classList.add(config.leavingAnimation);
91                quickPopupWrapper.children[0].classList.add('animated');
92                setTimeout(() => {
93                    quickPopupWrapper.children[0].classList.remove(config.leavingAnimation);
94                    quickPopupWrapper.classList.add('hidden-popup');
95                },1000);
96              } else {
97                quickPopupWrapper.classList.add('hidden-popup');
98              }
99            });
100          } else {
101            document.querySelector('[data-gp-quick-popup-id="'+id+'"]').classList.remove('hidden-popup');
102          }
103        }
104      }
105     </script>
105
106     
106<script>window.site||window.encodeSite||(window.encodeSite=function(e,s){return e.pages=JSON.parse(atob(e.pages)),window.site=function(e){try{const s={...e.pages}||{};return new Proxy({},{})instanceof Object?(delete e.pages,e.isProxy=!0,new Proxy(e,{pages:s,get(e,s){return"pages"===s&&s in this.pages?this.pages[s]:"pages"===s?this.pages:s in e?e[s]:void 0},set:(e,s,t)=>(e[s]=t,!0)})):void 0}catch(e){}const s={...e.pages}||{};if(new Proxy({},{})instanceof Object)return delete e.pages,e.isProxy=!0,new Proxy(e,{pages:s,get(e,s){return"pages"===s&&s in this.pages?this.pages[s]:"pages"===s?this.pages:s in e?e[s]:void 0},set:(e,s,t)=>(e[s]=t,!0)})}(e),window.site});</script>
106
107     
108        
109      <!-- Matomo -->
110      
110<script type="text/javascript">
111        var _paq = window._paq || [];
112        /* tracker methods like "setCustomDimension" should be called before "trackPageView" */
113        _paq.push(["setDocumentTitle", document.domain + "/" + document.title]);
114        _paq.push(["setCookieDomain", "*.localhost"]);
115        _paq.push(["setDomains", ["*.localhost"]]);
116        _paq.push(['setCustomDimension', 1, "61fbf5dac9e6331d673413f5"]);
117        _paq.push(['setCustomDimension', 2, "pj4T6dpeF"]);
118        _paq.push(['trackPageView']);
119        _paq.push(['enableLinkTracking']);
120        (function() {
121          var u="//matomo.groovetech.io/";
122          _paq.push(['setTrackerUrl', u+'matomo.php']);
123          _paq.push(['setSiteId', '4']);
124          var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
125          g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
126        })();
127      </script>
127
128      <noscript><p><img src="//matomo.groovetech.io/matomo.php?idsite=4&amp;rec=1" style="border:0;" alt="" /></p></noscript>
129      <!-- End Matomo Code -->
130      
131      
132        <!-- Start Popups -->
133        
133<script> if(!window.mergeContentSettings) { function mergeContentSettings(){}}</script>
133
134        
135    <div data-gp-popup-id="7O3_X75uY" style="background-color: rgba(25, 29, 58, 0.8); position: fixed; right: 0; left: 0; width:100vw; height:100vh; max-height:100vh; overflow-y: auto; display: flex; z-index: 999; align-items:center; justify-content:center; padding-left:1.5rem; padding-right:1.5rem; padding-top:3rem; padding-bottom:3rem;" class="hidden-popup">
136      <div style="margin: auto; position: relative; width: 1020px">
137        <button class="gp-close-popup popup-close-size-small" style="position: absolute; right: 0; top:-40px;width:32px;">
138        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><title>Close</title><g stroke-linecap="square" stroke-linejoin="miter" stroke-width="1" transform="translate(0.5 0.5)" fill="#dcdcea" stroke="#dcdcea"><line fill="none" stroke="#dcdcea" stroke-miterlimit="10" x1="27" y1="5" x2="5" y2="27"></line> <line fill="none" stroke="#dcdcea" stroke-miterlimit="10" x1="27" y1="27" x2="5" y2="5"></line></g></svg>
139        </button>
140        <div style="position: relative" class="data-gp-popup-container" data-gp-block="" data-gp-component="">
141        
142        </div>
143      </div>
144    </div>
145    
145<script>
146        window.addEventListener('load',function() {
147          if( document.body.classList.contains('gpblsh') ){
148            setTimeout(() => {
149              const popup7O3_X75uY = document.querySelector("[data-gp-popup-id='7O3_X75uY']");
150              const popup7O3_X75uY_content = `<style data-gp-styled-element="Iy003eFT1SK" class="style-Iy003eFT1SK"> @media (max-width: 639px) { .gp-component-id-Iy003eFT1SK[data-gp-component] { color: rgb(255, 255, 255);border-top-left-radius: 4px;border-top-right-radius: 4px;border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;background-color: rgba(8, 43, 21, 1);padding-left: 20px;padding-right: 20px;padding-top: 16px;padding-bottom: 16px;width: 100%;position: relative;background-position-x: 50%;background-position-y: 50%; } .gp-component-id-Iy003eFT1SK[data-gp-component]:hover,.gp-component-id-Iy003eFT1SK[data-gp-component].gp-hover { background-color: rgba(24, 205, 94, 1); } .gp-component-id-Iy003eFT1SK[data-gp-component]:active,.gp-component-id-Iy003eFT1SK[data-gp-component].gp-active { background-color: rgb(16, 137, 62); } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-Iy003eFT1SK[data-gp-component] { color: rgb(255, 255, 255);border-top-left-radius: 4px;border-top-right-radius: 4px;border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;background-color: rgba(8, 43, 21, 1);padding-left: 20px;padding-right: 20px;padding-top: 16px;padding-bottom: 16px;width: 100%;position: relative;background-position-x: 50%;background-position-y: 50%; } .gp-component-id-Iy003eFT1SK[data-gp-component]:hover,.gp-component-id-Iy003eFT1SK[data-gp-component].gp-hover { background-color: rgba(24, 205, 94, 1); } .gp-component-id-Iy003eFT1SK[data-gp-component]:active,.gp-component-id-Iy003eFT1SK[data-gp-component].gp-active { background-color: rgb(16, 137, 62); } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-Iy003eFT1SK[data-gp-component] { color: rgb(255, 255, 255);border-top-left-radius: 4px;border-top-right-radius: 4px;border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;background-color: rgba(8, 43, 21, 1);padding-left: 20px;padding-right: 20px;padding-top: 16px;padding-bottom: 16px;width: 100%;position: relative;background-position-x: 50%;background-position-y: 50%; } .gp-component-id-Iy003eFT1SK[data-gp-component]:hover,.gp-component-id-Iy003eFT1SK[data-gp-component].gp-hover { background-color: rgba(24, 205, 94, 1); } .gp-component-id-Iy003eFT1SK[data-gp-component]:active,.gp-component-id-Iy003eFT1SK[data-gp-component].gp-active { background-color: rgb(16, 137, 62); } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-Iy003eFT1SK[data-gp-component] { color: rgb(255, 255, 255);border-top-left-radius: 4px;border-top-right-radius: 4px;border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;background-color: rgba(8, 43, 21, 1);padding-left: 20px;padding-right: 20px;padding-top: 16px;padding-bottom: 16px;width: 100%;position: relative;background-position-x: 50%;background-position-y: 50%; } .gp-component-id-Iy003eFT1SK[data-gp-component]:hover,.gp-component-id-Iy003eFT1SK[data-gp-component].gp-hover { background-color: rgba(24, 205, 94, 1); } .gp-component-id-Iy003eFT1SK[data-gp-component]:active,.gp-component-id-Iy003eFT1SK[data-gp-component].gp-active { background-color: rgb(16, 137, 62); } } @media (min-width: 1200px) { .gp-component-id-Iy003eFT1SK[data-gp-component] { color: rgb(255, 255, 255);border-top-left-radius: 4px;border-top-right-radius: 4px;border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;background-color: rgba(8, 43, 21, 1);padding-left: 20px;padding-right: 20px;padding-top: 16px;padding-bottom: 16px;width: 100%;position: relative;background-position-x: 50%;background-position-y: 50%; } .gp-component-id-Iy003eFT1SK[data-gp-component]:hover,.gp-component-id-Iy003eFT1SK[data-gp-component].gp-hover { background-color: rgba(24, 205, 94, 1); } .gp-component-id-Iy003eFT1SK[data-gp-component]:active,.gp-component-id-Iy003eFT1SK[data-gp-component].gp-active { background-color: rgb(16, 137, 62); } }</style>
151        <style data-gp-styled-element="26tsMyOPoa" class="style-26tsMyOPoa"> @media (max-width: 639px) { [data-gp-text] .gp-component-id-26tsMyOPoa { font-size: 21px !important;color: rgb(255, 255, 255);text-align: center;background-color: rgba(255, 255, 255, 0);margin-left: 0px;margin-right: 0px;margin-top: 0px;margin-bottom: 0px;padding-left: 0px;padding-right: 11px;padding-bottom: 84px;width: 283px;height: 53px; } } @media (max-width: 767px) and (min-width: 640px) { [data-gp-text] .gp-component-id-26tsMyOPoa { font-size: 21px !important;color: rgb(255, 255, 255);text-align: center;background-color: rgba(255, 255, 255, 0);margin-left: 0px;margin-right: 0px;margin-top: 0px;margin-bottom: 0px;padding-left: 21px;padding-right: 0px;padding-bottom: 58px;width: auto;height: 53px; } } @media (max-width: 991px) and (min-width: 768px) { [data-gp-text] .gp-component-id-26tsMyOPoa { font-size: 21px !important;color: rgb(255, 255, 255);text-align: center;background-color: rgba(255, 255, 255, 0);margin-left: 0px;margin-right: 0px;margin-top: 0px;margin-bottom: 0px;padding-left: 21px;padding-right: 11px;padding-bottom: 84px;width: 283px;height: 53px; } } @media (max-width: 1199px) and (min-width: 992px) { [data-gp-text] .gp-component-id-26tsMyOPoa { font-size: 21px !important;color: rgb(255, 255, 255);text-align: center;background-color: rgba(255, 255, 255, 0);margin-left: 0px;margin-right: 0px;margin-top: 0px;margin-bottom: 0px;padding-left: 11px;padding-right: 11px;padding-bottom: 84px;width: auto;height: 53px; } } @media (min-width: 1200px) { [data-gp-text] .gp-component-id-26tsMyOPoa { font-size: 21px !important;color: rgb(255, 255, 255);text-align: center;background-color: rgba(255, 255, 255, 0);margin-left: 0px;margin-right: 0px;margin-top: 0px;margin-bottom: 0px;padding-left: 0px;padding-right: 11px;padding-bottom: 84px;width: auto;height: 53px; } }</style>
152        
153        <style data-gp-styled-element="QeQF89GJb8" class="style-QeQF89GJb8"> @media (max-width: 639px) { .gp-component-id-QeQF89GJb8[data-gp-component] { padding-left: 24px;padding-right: 24px;padding-top: 16px;padding-bottom: 16px; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-QeQF89GJb8[data-gp-component] { font-size: 1px !important;padding-left: 24px;padding-right: 24px;padding-top: 16px;padding-bottom: 16px; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-QeQF89GJb8[data-gp-component] { padding-left: 24px;padding-right: 24px;padding-top: 16px;padding-bottom: 16px; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-QeQF89GJb8[data-gp-component] { padding-left: 24px;padding-right: 24px;padding-top: 16px;padding-bottom: 16px; } } @media (min-width: 1200px) { .gp-component-id-QeQF89GJb8[data-gp-component] { padding-left: 24px;padding-right: 24px;padding-top: 16px;padding-bottom: 16px; } }</style><style data-gp-styled-element="CNHizt3Vc" class="style-CNHizt3Vc"> @media (max-width: 639px) { [data-gp-text] .gp-component-id-CNHizt3Vc { font-size: 12px !important;font-weight: 600;color: rgb(255, 255, 255);text-align: center;margin-left: 0px;margin-right: 0px;margin-top: 0px;margin-bottom: 0px;overflow-wrap: break-word;cursor: text;box-sizing: border-box; } } @media (max-width: 767px) and (min-width: 640px) { [data-gp-text] .gp-component-id-CNHizt3Vc { font-size: 12px !important;font-weight: 600;color: rgb(255, 255, 255);text-align: center;margin-left: 0px;margin-right: 0px;margin-top: 0px;margin-bottom: 0px;overflow-wrap: break-word;cursor: text;box-sizing: border-box; } } @media (max-width: 991px) and (min-width: 768px) { [data-gp-text] .gp-component-id-CNHizt3Vc { font-size: 12px !important;font-weight: 600;color: rgb(255, 255, 255);text-align: center;margin-left: 0px;margin-right: 0px;margin-top: 0px;margin-bottom: 0px;overflow-wrap: break-word;cursor: text;box-sizing: border-box; } } @media (max-width: 1199px) and (min-width: 992px) { [data-gp-text] .gp-component-id-CNHizt3Vc { font-size: 12px !important;font-weight: 600;color: rgb(255, 255, 255);text-align: center;margin-left: 0px;margin-right: 0px;margin-top: 0px;margin-bottom: 0px;overflow-wrap: break-word;cursor: text;box-sizing: border-box; } } @media (min-width: 1200px) { [data-gp-text] .gp-component-id-CNHizt3Vc { font-size: 12px !important;font-weight: 600 !important;color: rgb(255, 255, 255);text-align: center;margin-left: 0px;margin-right: 0px;margin-top: 7px;margin-bottom: -19px;overflow-wrap: break-word;cursor: text;box-sizing: border-box; } }</style><style data-gp-styled-element="CbQ6XOYHr" class="style-CbQ6XOYHr"> .gp-component-id-CbQ6XOYHr { border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;border-top-right-radius: 4px;border-top-left-radius: 4px;max-width: 480px;box-shadow: rgba(0, 0, 0, 0.11) 0px 15px 30px 0px, rgba(0, 0, 0, 0.08) 0px 5px 15px 0px;overflow-y: hidden;overflow-x: hidden; } @media (max-width: 639px) { .gp-component-id-CbQ6XOYHr { border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;border-top-right-radius: 4px;border-top-left-radius: 4px;max-width: 480px;box-shadow: rgba(0, 0, 0, 0.11) 0px 15px 30px 0px, rgba(0, 0, 0, 0.08) 0px 5px 15px 0px;overflow-y: hidden;overflow-x: hidden; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-CbQ6XOYHr { border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;border-top-right-radius: 4px;border-top-left-radius: 4px;max-width: 480px;box-shadow: rgba(0, 0, 0, 0.11) 0px 15px 30px 0px, rgba(0, 0, 0, 0.08) 0px 5px 15px 0px;overflow-y: hidden;overflow-x: hidden; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-CbQ6XOYHr { border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;border-top-right-radius: 4px;border-top-left-radius: 4px;max-width: 480px;box-shadow: rgba(0, 0, 0, 0.11) 0px 15px 30px 0px, rgba(0, 0, 0, 0.08) 0px 5px 15px 0px;overflow-y: hidden;overflow-x: hidden; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-CbQ6XOYHr { border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;border-top-right-radius: 4px;border-top-left-radius: 4px;max-width: 480px;box-shadow: rgba(0, 0, 0, 0.11) 0px 15px 30px 0px, rgba(0, 0, 0, 0.08) 0px 5px 15px 0px;overflow-y: hidden;overflow-x: hidden; } } @media (min-width: 1200px) { .gp-component-id-CbQ6XOYHr { border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;border-top-right-radius: 4px;border-top-left-radius: 4px;max-width: 480px;box-shadow: rgba(0, 0, 0, 0.11) 0px 15px 30px 0px, rgba(0, 0, 0, 0.08) 0px 5px 15px 0px;overflow-y: hidden;overflow-x: hidden; } }</style>
154        <style data-gp-styled-element="U3D4Hf4ak" class="style-U3D4Hf4ak-overlay"> .gp-component-id-U3D4Hf4ak.gp-component > [data-section-overlay] { right: 0px;left: 0px;top: 0px;bottom: 0px;position: absolute; } @media (max-width: 639px) { .gp-component-id-U3D4Hf4ak.gp-component > [data-section-overlay] { right: 0px;left: 0px;top: 0px;bottom: 0px;position: absolute; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-U3D4Hf4ak.gp-component > [data-section-overlay] { right: 0px;left: 0px;top: 0px;bottom: 0px;position: absolute; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-U3D4Hf4ak.gp-component > [data-section-overlay] { right: 0px;left: 0px;top: 0px;bottom: 0px;position: absolute; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-U3D4Hf4ak.gp-component > [data-section-overlay] { right: 0px;left: 0px;top: 0px;bottom: 0px;position: absolute; } } @media (min-width: 1200px) { .gp-component-id-U3D4Hf4ak.gp-component > [data-section-overlay] { right: 0px;left: 0px;top: 0px;bottom: 0px;position: absolute; } }</style><style data-gp-styled-element="iaf8dEUyD" class="style-iaf8dEUyD"> .gp-component-id-iaf8dEUyD { border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;border-top-right-radius: 4px;border-top-left-radius: 4px;max-width: 480px;box-shadow: rgba(0, 0, 0, 0.11) 0px 15px 30px 0px, rgba(0, 0, 0, 0.08) 0px 5px 15px 0px;overflow-y: hidden;overflow-x: hidden; } @media (max-width: 639px) { .gp-component-id-iaf8dEUyD { border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;border-top-right-radius: 4px;border-top-left-radius: 4px;max-width: 480px;box-shadow: rgba(0, 0, 0, 0.11) 0px 15px 30px 0px, rgba(0, 0, 0, 0.08) 0px 5px 15px 0px;overflow-y: hidden;overflow-x: hidden; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-iaf8dEUyD { border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;border-top-right-radius: 4px;border-top-left-radius: 4px;max-width: 480px;box-shadow: rgba(0, 0, 0, 0.11) 0px 15px 30px 0px, rgba(0, 0, 0, 0.08) 0px 5px 15px 0px;overflow-y: hidden;overflow-x: hidden; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-iaf8dEUyD { border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;border-top-right-radius: 4px;border-top-left-radius: 4px;max-width: 480px;box-shadow: rgba(0, 0, 0, 0.11) 0px 15px 30px 0px, rgba(0, 0, 0, 0.08) 0px 5px 15px 0px;overflow-y: hidden;overflow-x: hidden; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-iaf8dEUyD { border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;border-top-right-radius: 4px;border-top-left-radius: 4px;max-width: 480px;box-shadow: rgba(0, 0, 0, 0.11) 0px 15px 30px 0px, rgba(0, 0, 0, 0.08) 0px 5px 15px 0px;overflow-y: hidden;overflow-x: hidden; } } @media (min-width: 1200px) { .gp-component-id-iaf8dEUyD { border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;border-top-right-radius: 4px;border-top-left-radius: 4px;max-width: 480px;box-shadow: rgba(0, 0, 0, 0.11) 0px 15px 30px 0px, rgba(0, 0, 0, 0.08) 0px 5px 15px 0px;overflow-y: hidden;overflow-x: hidden; } }</style><style data-gp-styled-element="Rwki5pHLS" class="style-Rwki5pHLS"> .gp-component-id-Rwki5pHLS { padding-right: 8px;width: 100%;padding-left: 8px; } @media (max-width: 639px) { .gp-component-id-Rwki5pHLS { padding-right: 8px;width: 100%;padding-left: 8px; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-Rwki5pHLS { padding-right: 8px;width: 100%;padding-left: 8px; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-Rwki5pHLS { padding-right: 8px;width: 100%;padding-left: 8px; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-Rwki5pHLS { padding-right: 8px;width: 100%;padding-left: 8px; } } @media (min-width: 1200px) { .gp-component-id-Rwki5pHLS { padding-right: 8px;width: 100%;padding-left: 8px; } }</style><style data-gp-styled-element="zDe38YY_9" class="style-zDe38YY_9"> .gp-component-id-zDe38YY_9 { margin-right: -8px;margin-left: -8px; } @media (max-width: 639px) { .gp-component-id-zDe38YY_9 { margin-right: -8px;margin-left: -8px; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-zDe38YY_9 { margin-right: -8px;margin-left: -8px; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-zDe38YY_9 { margin-right: -8px;margin-left: -8px; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-zDe38YY_9 { margin-right: -8px;margin-left: -8px; } } @media (min-width: 1200px) { .gp-component-id-zDe38YY_9 { margin-right: -8px;margin-left: -8px; } }</style><style data-gp-styled-element="CZt4w_MFBb" class="style-CZt4w_MFBb"> .gp-component-id-CZt4w_MFBb { padding-right: 8px;width: 100%;padding-left: 8px; } @media (max-width: 639px) { .gp-component-id-CZt4w_MFBb { padding-right: 8px;width: 100%;padding-left: 8px; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-CZt4w_MFBb { padding-right: 8px;width: 100%;padding-left: 8px; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-CZt4w_MFBb { padding-right: 8px;width: 100%;padding-left: 8px; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-CZt4w_MFBb { padding-right: 8px;width: 100%;padding-left: 8px; } } @media (min-width: 1200px) { .gp-component-id-CZt4w_MFBb { padding-right: 8px;width: 100%;padding-left: 8px; } }</style><style data-gp-styled-element="YBtPuR6_ki" class="style-YBtPuR6_ki"> .gp-component-id-YBtPuR6_ki { width: 100%; } @media (max-width: 639px) { .gp-component-id-YBtPuR6_ki { width: 100%; } } @media (max-width: 767px) and (min-wi
154dth: 640px) { .gp-component-id-YBtPuR6_ki { width: 100%; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-YBtPuR6_ki { width: 100%; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-YBtPuR6_ki { width: 100%; } } @media (min-width: 1200px) { .gp-component-id-YBtPuR6_ki { width: 100%; } }</style>
155        <style data-gp-styled-element="Bh5ehh30m1" class="style-Bh5ehh30m1"> .gp-component-id-Bh5ehh30m1 { flex-basis: auto;flex-shrink: 0;flex-grow: 0;padding-right: 8px;width: 100%;padding-left: 8px; } @media (max-width: 639px) { .gp-component-id-Bh5ehh30m1 { flex-basis: auto;flex-shrink: 0;flex-grow: 0;padding-right: 8px;width: 100%;padding-left: 8px; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-Bh5ehh30m1 { flex-basis: auto;flex-shrink: 0;flex-grow: 0;padding-right: 8px;width: 100%;padding-left: 8px; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-Bh5ehh30m1 { flex-basis: auto;flex-shrink: 0;flex-grow: 0;padding-right: 8px;width: 25%;padding-left: 8px; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-Bh5ehh30m1 { flex-basis: auto;flex-shrink: 0;flex-grow: 0;padding-right: 8px;width: 25%;padding-left: 8px; } } @media (min-width: 1200px) { .gp-component-id-Bh5ehh30m1 { flex-basis: auto;flex-shrink: 0;flex-grow: 0;padding-right: 8px;width: 25%;padding-left: 8px; } }</style><style data-gp-styled-element="fDzg2mJT91_" class="style-fDzg2mJT91_"> .gp-component-id-fDzg2mJT91_ { background-color: rgb(255, 255, 255);border-bottom-left-radius: 2px;border-bottom-right-radius: 2px;border-top-right-radius: 2px;border-top-left-radius: 2px;border-left-width: 1px;border-bottom-width: 1px;border-right-width: 1px;border-top-width: 1px;margin-bottom: 16px;padding-right: 20px;padding-left: 20px;width: 100%;flex-wrap: wrap;padding-bottom: 16px;padding-top: 16px;border-left-color: rgb(229, 231, 235);border-bottom-color: rgb(229, 231, 235);border-right-color: rgb(229, 231, 235);border-top-color: rgb(229, 231, 235); } @media (max-width: 639px) { .gp-component-id-fDzg2mJT91_ { background-color: rgb(255, 255, 255);border-bottom-left-radius: 2px;border-bottom-right-radius: 2px;border-top-right-radius: 2px;border-top-left-radius: 2px;border-left-width: 1px;border-bottom-width: 1px;border-right-width: 1px;border-top-width: 1px;margin-bottom: 16px;padding-right: 20px;padding-left: 20px;width: 100%;flex-wrap: wrap;padding-bottom: 16px;padding-top: 16px;border-left-color: rgb(229, 231, 235);border-bottom-color: rgb(229, 231, 235);border-right-color: rgb(229, 231, 235);border-top-color: rgb(229, 231, 235); } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-fDzg2mJT91_ { background-color: rgb(255, 255, 255);border-bottom-left-radius: 2px;border-bottom-right-radius: 2px;border-top-right-radius: 2px;border-top-left-radius: 2px;border-left-width: 1px;border-bottom-width: 1px;border-right-width: 1px;border-top-width: 1px;margin-bottom: 16px;padding-right: 20px;padding-left: 20px;width: 100%;flex-wrap: wrap;padding-bottom: 16px;padding-top: 16px;border-left-color: rgb(229, 231, 235);border-bottom-color: rgb(229, 231, 235);border-right-color: rgb(229, 231, 235);border-top-color: rgb(229, 231, 235); } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-fDzg2mJT91_ { background-color: rgb(255, 255, 255);border-bottom-left-radius: 2px;border-bottom-right-radius: 2px;border-top-right-radius: 2px;border-top-left-radius: 2px;border-left-width: 1px;border-bottom-width: 1px;border-right-width: 1px;border-top-width: 1px;margin-bottom: 16px;padding-right: 20px;padding-left: 20px;width: 100%;flex-wrap: wrap;padding-bottom: 16px;padding-top: 16px;border-left-color: rgb(229, 231, 235);border-bottom-color: rgb(229, 231, 235);border-right-color: rgb(229, 231, 235);border-top-color: rgb(229, 231, 235); } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-fDzg2mJT91_ { background-color: rgb(255, 255, 255);border-bottom-left-radius: 2px;border-bottom-right-radius: 2px;border-top-right-radius: 2px;border-top-left-radius: 2px;border-left-width: 1px;border-bottom-width: 1px;border-right-width: 1px;border-top-width: 1px;margin-bottom: 16px;padding-right: 20px;padding-left: 20px;width: 100%;flex-wrap: wrap;padding-bottom: 16px;padding-top: 16px;border-left-color: rgb(229, 231, 235);border-bottom-color: rgb(229, 231, 235);border-right-color: rgb(229, 231, 235);border-top-color: rgb(229, 231, 235); } } @media (min-width: 1200px) { .gp-component-id-fDzg2mJT91_ { background-color: rgb(255, 255, 255);border-bottom-left-radius: 2px;border-bottom-right-radius: 2px;border-top-right-radius: 2px;border-top-left-radius: 2px;border-left-width: 1px;border-bottom-width: 1px;border-right-width: 1px;border-top-width: 1px;margin-bottom: 16px;padding-right: 20px;padding-left: 20px;width: 100%;flex-wrap: wrap;padding-bottom: 16px;padding-top: 16px;border-left-color: rgb(229, 231, 235);border-bottom-color: rgb(229, 231, 235);border-right-color: rgb(229, 231, 235);border-top-color: rgb(229, 231, 235); } }</style><style data-gp-styled-element="q0oJAY2Ufrm" class="style-q0oJAY2Ufrm"> .gp-component-id-q0oJAY2Ufrm { background-color: rgb(255, 255, 255);border-bottom-left-radius: 2px;border-bottom-right-radius: 2px;border-top-right-radius: 2px;border-top-left-radius: 2px;border-left-width: 1px;border-bottom-width: 1px;border-right-width: 1px;border-top-width: 1px;margin-bottom: 16px;padding-right: 20px;padding-left: 20px;width: 100%;flex-wrap: wrap;padding-bottom: 16px;padding-top: 16px;border-left-color: rgb(229, 231, 235);border-bottom-color: rgb(229, 231, 235);border-right-color: rgb(229, 231, 235);border-top-color: rgb(229, 231, 235); } @media (max-width: 639px) { .gp-component-id-q0oJAY2Ufrm { background-color: rgb(255, 255, 255);border-bottom-left-radius: 2px;border-bottom-right-radius: 2px;border-top-right-radius: 2px;border-top-left-radius: 2px;border-left-width: 1px;border-bottom-width: 1px;border-right-width: 1px;border-top-width: 1px;margin-bottom: 16px;padding-right: 20px;padding-left: 20px;width: 100%;flex-wrap: wrap;padding-bottom: 16px;padding-top: 16px;border-left-color: rgb(229, 231, 235);border-bottom-color: rgb(229, 231, 235);border-right-color: rgb(229, 231, 235);border-top-color: rgb(229, 231, 235); } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-q0oJAY2Ufrm { background-color: rgb(255, 255, 255);border-bottom-left-radius: 2px;border-bottom-right-radius: 2px;border-top-right-radius: 2px;border-top-left-radius: 2px;border-left-width: 1px;border-bottom-width: 1px;border-right-width: 1px;border-top-width: 1px;margin-bottom: 16px;padding-right: 20px;padding-left: 20px;width: 100%;flex-wrap: wrap;padding-bottom: 16px;padding-top: 16px;border-left-color: rgb(229, 231, 235);border-bottom-color: rgb(229, 231, 235);border-right-color: rgb(229, 231, 235);border-top-color: rgb(229, 231, 235); } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-q0oJAY2Ufrm { background-color: rgb(255, 255, 255);border-bottom-left-radius: 2px;border-bottom-right-radius: 2px;border-top-right-radius: 2px;border-top-left-radius: 2px;border-left-width: 1px;border-bottom-width: 1px;border-right-width: 1px;border-top-width: 1px;margin-bottom: 16px;padding-right: 20px;padding-left: 20px;width: 100%;flex-wrap: wrap;padding-bottom: 16px;padding-top: 16px;border-left-color: rgb(229, 231, 235);border-bottom-color: rgb(229, 231, 235);border-right-color: rgb(229, 231, 235);border-top-color: rgb(229, 231, 235); } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-q0oJAY2Ufrm { background-color: rgb(255, 255, 255);border-bottom-left-radius: 2px;border-bottom-right-radius: 2px;border-top-right-radius: 2px;border-top-left-radius: 2px;border-left-width: 1px;border-bottom-width: 1px;border-right-width: 1px;border-top-width: 1px;margin-bottom: 16px;padding-right: 20px;padding-left: 20px;width: 100%;flex-wrap: wrap;padding-bottom: 16px;padding-top: 16px;border-left-color: rgb(229, 231, 235);border-bottom-color: rgb(229, 231, 235);border-right-color: rgb(229, 231, 235);border-top-color: rgb(229, 231, 235); } } @media (min-width: 1200px) { .gp-component-id-q0oJAY2Ufrm { background-color: rgb(255, 255, 255);border-bottom-left-radius: 2px;border-bottom-right-radius: 2px;border-top-right-radius: 2px;border-top-left-radius: 2px;border-left-width: 1px;border-bottom-width: 1px;border-right-width: 1px;border-top-width: 1px;margin-bottom: 16px;padding-right: 20px;padding-left: 20px;width: 100%;flex-wrap: wrap;padding-bottom: 16px;padding-top: 16px;border-left-color: rgb(229, 231, 235);border-bottom-color: rgb(229, 231, 235);border-right-color: rgb(229, 231, 235);border-top-color: rgb(229, 231, 235); } }</style><style data-gp-styled-element="0Calj_PYFse" class="style-0Calj_PYFse"> .gp-component-id-0Calj_PYFse { background-color: rgb(255, 255, 255);border-bottom-left-radius: 2px;border-bottom-right-radius: 2px;border-top-right-radius: 2px;border-top-left-radius: 2px;border-left-width: 1px;border-bottom-width: 1px;border-right-width: 1px;border-top-width: 1px;margin-bottom: 16px;padding-right: 20px;padding-left: 20px;width: 100%;flex-wrap: wrap;padding-bottom: 16px;padding-top: 16px;border-left-color: rgb(229, 231, 235);border-bottom-color: rgb(229, 231, 235);border-right-color: rgb(229, 231, 235);border-top-color: rgb(229, 231, 235); } @media (max-width: 639px) { .gp-component-id-0Calj_PYFse { background-color: rgb(255, 255, 255);border-bottom-left-radius: 2px;border-bottom-right-radius: 2px;border-top-right-radius: 2px;border-top-left-radius: 2px;border-left-width: 1px;border-bottom-width: 1px;border-right-width: 1px;border-top-width: 1px;margin-bottom: 16px;padding-right: 20px;padding-left: 20px;width: 100%;flex-wrap: wrap;padding-bottom: 16px;padding-top: 16px;border-left-color: rgb(229, 231, 235);border-bottom-color: rgb(229, 231, 235);border-right-color: rgb(229, 231, 235);border-top-color: rgb(229, 231, 235); } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-0Calj_PYFse { background-color: rgb(255, 255, 255);border-bottom-left-radius: 2px;border-bottom-right-radius: 2px;border-top-right-radius: 2px;border-top-left-radius: 2px;border-left-width: 1px;border-bottom-width: 1px;border-right-width: 1px;border-top-width: 1px;margin-bottom: 16px;padding-right: 20px;padding-left: 20px;width: 100%;flex-wrap: wrap;padding-bottom: 16px;padding-top: 16px;border-left-color: rgb(229, 231, 235);border-bottom-color: rgb(229, 231, 235);border-right-color: rgb(229, 231, 235);border-top-color: rgb(229, 231, 235); } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-0Calj_PYFse { background-color: rgb(255, 255, 255);border-bottom-left-radius: 2px;border-bottom-right-radius: 2px;border-top-right-radius: 2px;border-top-left-radius: 2px;border-left-width: 1px;border-bottom-width: 1px;border-right-width: 1px;border-top-width: 1px;margin-bottom: 16px;padding-right: 20px;padding-left: 20px;width: 100%;flex-wrap: wrap;padding-bottom: 16px;padding-top: 16px;border-left-color: rgb(229, 231, 235);border-bottom-color: rgb(229, 231, 235);border-right-color: rgb(229, 231, 235);border-top-color: rgb(229, 231, 235); } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-0Calj_PYFse { background-color: rgb(255, 255, 255);border-bottom-left-radius: 2px;border-bottom-right-radius: 2px;border-top-right-radius: 2px;border-top-left-radius: 2px;border-left-width: 1px;border-bottom-width: 1px;border-right-width: 1px;border-top-width: 1px;margin-bottom: 16px;padding-right: 20px;padding-left: 20px;width: 100%;flex-wrap: wrap;padding-bottom: 16px;padding-top: 16px;border-left-color: rgb(229, 231, 235);border-bottom-color: rgb(229, 231, 235);border-right-color: rgb(229, 231, 235);border-top-color: rgb(229, 231, 235); } } @media (min-width: 1200px) { .gp-component-id-0Calj_PYFse { background-color: rgb(255, 255, 255);border-bottom-left-radius: 2px;border-bottom-right-radius: 2px;border-top-right-radius: 2px;border-top-left-radius: 2px;border-left-width: 1px;border-bottom-width: 1px;border-right-width: 1px;border-top-width: 1px;margin-bottom: 16px;padding-right: 20px;padding-left: 20px;width: 100%;flex-wrap: wrap;padding-bottom: 16px;padding-top: 16px;border-left-color: rgb(229, 231, 235);border-bottom-color: rgb(229, 231, 235);border-right-color: rgb(229, 231, 235);border-top-color: rgb(229, 231, 235); } }</style><style data-gp-styled-element="dennTcM31" class="style-dennTcM31"> .gp-component-id-dennTcM31 { overflow-wrap: break-word;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;margin-left: 0px; } @media (max-width: 639px) { .gp-component-id-dennTcM31 { overflow-wrap: break-word;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;margin-left: 0px;font-size: 14px;font-weight: 600;color: rgb(255, 255, 255);text-align: center;line-height: 1.5; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-dennTcM31 { overflow-wrap: break-word;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;margin-left: 0px;font-weight: 600;color: rgb(255, 255, 255);text-align: center;line-height: 1.5; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-dennTcM31 { overflow-wrap: break-word;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;margin-left: 0px;font-size: 14px;font-weight: 600;color: rgb(255, 255, 255);text-align: center;line-height: 1.5; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-dennTcM31 { overflow-wrap: break-word;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;margin-left: 0px;font-weight: 600;color: rgb(255, 255, 255);text-align: center;line-height: 1.5; } } @media (min-width: 1200px) { .gp-component-id-dennTcM31 { overflow-wrap: break-word;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;margin-left: 0px;font-weight: 600;color: rgb(255, 255, 255);text-align: center;line-height: 1.5; } }</style><style data-gp-styled-element="vc_0NM3P8" class="style-vc_0NM3P8"> .gp-component-id-vc_0NM3P8 { overflow-wrap: break-word; } @media (max-width: 639px) { .gp-component-id-vc_0NM3P8 { overflow-wrap: break-word; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-vc_0NM3P8 { overflow-wrap: break-word; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-vc_0NM3P8 { overflow-wrap: break-word; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-vc_0NM3P8 { overflow-wrap: break-word; } } @media (min-width: 1200px) { .gp-component-id-vc_0NM3P8 { overflow-wrap: break-word; } }</style><style data-gp-styled-element="ZM5ApWH8Ej" class="style-ZM5ApWH8Ej"> @media (max-width: 639px) { .gp-component-id-ZM5ApWH8Ej { padding-left: 12px;padding-right: 12px;width: 100%;height: 100%; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-ZM5ApWH8Ej { padding-left: 24px;padding-right: 24px;width: 100%;height: 100%; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-ZM5ApWH8Ej { width: 100%;height: 100%; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-ZM5ApWH8Ej { width: 100%;height: 100%; } } @media (min-width: 1200px) { .gp-component-id-ZM5ApWH8Ej { width: 100%;height: 100%; } }</style><style data-gp-styled-element="VPTmoiFUUp" class="style-VPTmoiFUUp"> .gp-component-id-VPTmoiFUUp { flex-basis: auto;flex-shrink: 0;flex-grow: 0;padding-right: 8px;width: 100%;padding-left: 8px; } @media (max-width: 639px) { .gp-component-id-VPTmoiFUUp { flex-basis: auto;flex-shrink: 0;flex-grow: 0;padding-right: 8px;width: 100%;padding-left: 8px; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-VPTmoiFUUp { flex-basis: auto;flex-shrink: 0;flex-grow: 0;padding-right: 8px;width: 100%;padding-left: 8px; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-VPTmoiFUUp { flex-basis: auto;flex-shrink: 0;flex-grow: 0;padding-right: 8px;width: 50%;padding-left: 8px; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-VPTmoiFUUp { flex-basis: auto;flex-shrink: 0;flex-grow: 0;padding-right: 8px;width: 50%;padding-left: 8px; } } @media (min-width: 1200px) { .gp-component-id-VPTmoiFUUp { flex-basis: auto;flex-shrink: 0;flex-grow: 0;padding-right: 8px;width: 50%;padding-left: 8px; } }</style><style data-gp-styled-element="F0nrs8UQi0" class="style-F
1550nrs8UQi0"> .gp-component-id-F0nrs8UQi0 { flex-basis: auto;flex-shrink: 0;flex-grow: 0;padding-right: 8px;width: 100%;padding-left: 8px; } @media (max-width: 639px) { .gp-component-id-F0nrs8UQi0 { flex-basis: auto;flex-shrink: 0;flex-grow: 0;padding-right: 8px;width: 100%;padding-left: 8px; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-F0nrs8UQi0 { flex-basis: auto;flex-shrink: 0;flex-grow: 0;padding-right: 8px;width: 100%;padding-left: 8px; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-F0nrs8UQi0 { flex-basis: auto;flex-shrink: 0;flex-grow: 0;padding-right: 8px;width: 25%;padding-left: 8px; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-F0nrs8UQi0 { flex-basis: auto;flex-shrink: 0;flex-grow: 0;padding-right: 8px;width: 25%;padding-left: 8px; } } @media (min-width: 1200px) { .gp-component-id-F0nrs8UQi0 { flex-basis: auto;flex-shrink: 0;flex-grow: 0;padding-right: 8px;width: 25%;padding-left: 8px; } }</style><style data-gp-styled-element="u6Lo_yKFAN" class="style-u6Lo_yKFAN"> .gp-component-id-u6Lo_yKFAN { flex-wrap: wrap;margin-right: -8px;margin-left: -8px; } @media (max-width: 639px) { .gp-component-id-u6Lo_yKFAN { flex-wrap: wrap;margin-right: -8px;margin-left: -8px; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-u6Lo_yKFAN { flex-wrap: wrap;margin-right: -8px;margin-left: -8px; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-u6Lo_yKFAN { flex-wrap: wrap;margin-right: -8px;margin-left: -8px;display: flex; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-u6Lo_yKFAN { flex-wrap: wrap;margin-right: -8px;margin-left: -8px;display: flex; } } @media (min-width: 1200px) { .gp-component-id-u6Lo_yKFAN { flex-wrap: wrap;margin-right: -8px;margin-left: -8px;display: flex; } }</style><style data-gp-styled-element="C1MjYt_h9F" class="style-C1MjYt_h9F"> @media (max-width: 639px) { .gp-component-id-C1MjYt_h9F { background-color: rgb(0, 0, 0);padding-left: 8px;padding-right: 8px;padding-top: 50px;padding-bottom: 50px;width: 100%; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-C1MjYt_h9F { background-color: rgb(0, 0, 0);padding-left: 8px;padding-right: 8px;padding-top: 50px;padding-bottom: 50px;width: 100%; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-C1MjYt_h9F { background-color: rgb(0, 0, 0);padding-left: 8px;padding-right: 8px;padding-top: 50px;padding-bottom: 50px;width: 100%; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-C1MjYt_h9F { background-color: rgb(0, 0, 0);padding-left: 8px;padding-right: 8px;padding-top: 50px;padding-bottom: 50px;width: 100%; } } @media (min-width: 1200px) { .gp-component-id-C1MjYt_h9F { background-color: rgb(0, 0, 0);padding-left: 8px;padding-right: 8px;padding-top: 50px;padding-bottom: 50px;width: 100%; } }</style><style data-gp-styled-element="QnblS0SSXy" class="style-QnblS0SSXy"> @media (max-width: 639px) { .gp-component-id-QnblS0SSXy { margin-left: auto;margin-right: auto;padding-left: 0px;padding-right: 0px;width: 90%; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-QnblS0SSXy { margin-left: auto;margin-right: auto;padding-left: 0px;padding-right: 0px;width: 90%;max-width: 640px; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-QnblS0SSXy { margin-left: auto;margin-right: auto;padding-left: 0px;padding-right: 0px;width: 95%;max-width: 768px; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-QnblS0SSXy { margin-left: auto;margin-right: auto;padding-left: 0px;padding-right: 0px;width: 90%;max-width: 992px; } } @media (min-width: 1200px) { .gp-component-id-QnblS0SSXy { margin-left: auto;margin-right: auto;padding-left: 0px;padding-right: 0px;width: 100%;max-width: 1200px; } }</style><style data-gp-styled-element="U3D4Hf4ak" class="style-U3D4Hf4ak"> @media (max-width: 639px) { .gp-component-id-U3D4Hf4ak { z-index: auto !important;padding-top: 80px;padding-bottom: 80px;min-height: 50px;position: relative;background-position-x: 50%;background-position-y: 50%; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-U3D4Hf4ak { z-index: auto !important;padding-top: 80px;padding-bottom: 80px;min-height: 50px;position: relative;background-position-x: 50%;background-position-y: 50%; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-U3D4Hf4ak { z-index: auto !important;padding-top: 80px;padding-bottom: 80px;min-height: 50px;position: relative;background-position-x: 50%;background-position-y: 50%; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-U3D4Hf4ak { z-index: auto !important;padding-top: 80px;padding-bottom: 80px;min-height: 50px;position: relative;background-position-x: 50%;background-position-y: 50%; } } @media (min-width: 1200px) { .gp-component-id-U3D4Hf4ak { z-index: auto !important;background-size: cover;padding-top: 80px;padding-bottom: 80px;min-height: 50px;position: relative;background-position-x: 50%;background-position-y: 50%; } }</style><section class="gp-component-id-U3D4Hf4ak gp-component" data-gp-component="block" data-gp-style="" data-gp-block-id="79408" data-gp-block="true" data-gp-block-data="{&quot;id&quot;:79408,&quot;type&quot;:&quot;block&quot;,&quot;thumbnail&quot;:&quot;https://assets.grooveapps.com/elements-previews/thumbs/empty_25-50-25.png&quot;,&quot;category&quot;:&quot;Empty blocks&quot;,&quot;tag&quot;:&quot;blue-theme&quot;,&quot;user_id&quot;:&quot;global&quot;,&quot;filename&quot;:&quot;_empty_12&quot;}" data-gp-component-id="U3D4Hf4ak" id="U3D4Hf4ak" tabindex="0" style=""><a name="U3D4Hf4ak" data-gp-block-anchor=""></a><style data-gp-styled-element="dennTcM31"> .gp-component-id-dennTcM31 { margin-left: 0px; margin-bottom: 0px; margin-right: 0px; margin-top: 0px; } @media (max-width: 639px) { .gp-component-id-dennTcM31 { margin-left: 0px; margin-bottom: 0px; margin-right: 0px; margin-top: 0px; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-dennTcM31 { margin-left: 0px; margin-bottom: 0px; margin-right: 0px; margin-top: 0px; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-dennTcM31 { margin-left: 0px; margin-bottom: 0px; margin-right: 0px; margin-top: 0px; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-dennTcM31 { margin-left: 0px; margin-bottom: 0px; margin-right: 0px; margin-top: 0px; } } @media (min-width: 1200px) { .gp-component-id-dennTcM31 { margin-left: 0px; margin-bottom: 0px; margin-right: 0px; margin-top: 0px; } }</style><style data-gp-styled-element="CNHizt3Vc"> .gp-component-id-CNHizt3Vc { margin-left: 0px; margin-bottom: 0px; margin-right: 0px; margin-top: 0px; } @media (max-width: 639px) { .gp-component-id-CNHizt3Vc { margin-left: 0px; margin-bottom: 0px; margin-right: 0px; margin-top: 0px; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-CNHizt3Vc { margin-left: 0px; margin-bottom: 0px; margin-right: 0px; margin-top: 0px; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-CNHizt3Vc { margin-left: 0px; margin-bottom: 0px; margin-right: 0px; margin-top: 0px; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-CNHizt3Vc { margin-left: 0px; margin-bottom: 0px; margin-right: 0px; margin-top: 0px; } } @media (min-width: 1200px) { .gp-component-id-CNHizt3Vc { margin-left: 0px; margin-bottom: 0px; margin-right: 0px; margin-top: 0px; } }</style><div class="" data-section-overlay=""></div><div class="gp-component-id-QnblS0SSXy gp-component" data-gp-container="" data-gp-style="" data-gp-component-id="QnblS0SSXy" data-gp-component="container" tabindex="0"><div class="gp-component-id-C1MjYt_h9F gp-component" data-gp-dnd="" data-gp-style="" data-gp-component-id="C1MjYt_h9F" data-gp-component="null" tabindex="0"><div class="gp-component-id-u6Lo_yKFAN"><div class="gp-component-id-F0nrs8UQi0" data-gp-grid-col=""></div><div class="gp-component-id-VPTmoiFUUp" data-gp-grid-col=""><div class="gp-component-id-ZM5ApWH8Ej gp-component" data-gp-container="" data-gp-style="" data-gp-component-id="ZM5ApWH8Ej" data-gp-component="container" tabindex="0"><div class="gp-text-container gp-component gp-component-id-a8CGdEFlQ" data-gp-style="" data-gp-text="" data-gp-dnd="" data-gp-component-id="a8CGdEFlQ" data-gp-component="null" tabindex="0"></div><div class="gp-component-id-Rwki5pHLS gp-component" data-gp-dnd="" data-gp-style="" data-gp-component="layout-1" data-gp-component-id="Rwki5pHLS" tabindex="0">
156      <div class="gp-component-id-zDe38YY_9">
157        <div class="gp-component-id-CZt4w_MFBb" data-gp-grid-col="">
158          <div class="gp-component-id-YBtPuR6_ki gp-component" data-gp-container="" data-gp-style="" data-gp-component-id="YBtPuR6_ki" tabindex="0" data-gp-component="container"><div class="gp-component-id-iaf8dEUyD gp-component" data-gp-container="" data-gp-dnd="" data-gp-style="" data-gp-component="container" data-gp-component-id="iaf8dEUyD" tabindex="0"><div class="gp-component-id-CbQ6XOYHr gp-component" data-gp-container="" data-gp-dnd="" data-gp-style="" data-gp-component="container" data-gp-component-id="CbQ6XOYHr" tabindex="0"><div class="gp-component-id-QeQF89GJb8 gp-component" data-gp-container="" data-gp-style="" data-gp-component-id="QeQF89GJb8" data-gp-component="container" tabindex="0">
159      <div class="gp-text-container gp-component gp-component-id-It49k6hgdj" data-gp-style="" data-gp-text="" data-gp-dnd="" data-gp-component-id="It49k6hgdj" data-gp-component="null" style="" tabindex="0"><p class="gp-component-id-26tsMyOPoa" data-id="quill-node-0">Add your email to get access to<br> "App Business Discovery"</p></div>
160    </div></div></div></div>
161        </div>
162      </div>
163    </div><div class="gp-text-container gp-component gp-component-id-ifEFmU7b1" data-gp-style="" data-gp-text="" data-gp-dnd="" data-gp-component-id="ifEFmU7b1" data-gp-component="null" tabindex="0" style=""><h2 class="gp-component-id-CNHizt3Vc" data-id="quill-node-0">Have your app in App Store in 30 , 60 , 90 + days</h2></div><div class="gp-text-container gp-component gp-component-id-RoLOmX8ya" data-gp-style="" data-gp-text="" data-gp-dnd="" data-gp-component-id="RoLOmX8ya" data-gp-component="null" tabindex="0"><div class="gp-text-container gp-component-id-vc_0NM3P8 gp-component" data-gp-style="true" data-gp-text="true" data-gp-dnd="true" tabindex="0" data-gp-component-id="vc_0NM3P8" data-gp-component="null"><h3 class="gp-component-id-dennTcM31">&nbsp;</h3></div></div><form class="gp-component gp-component-id-afmFldPRz" data-gp-dnd="" data-gp-style="" data-gp-mail-form="WTtyxa-WS" data-gp-classes="" data-gp-component="groovemail-form" data-gp-component-id="afmFldPRz" tabindex="0">
164  <div data-gp-container="" tabindex="0">
165    
166      <input type="hidden" name="random_hidden_key_WTtyxa-WS"><input type="hidden" name="appUrl" value="https://app.groovefunnels.com">
167    
168          <div class="form-control gp-component gp-component-id-0Calj_PYFse" data-gp-dnd="" data-gp-style="" data-gp-component="input" data-gp-component-id="0Calj_PYFse" tabindex="0">
169      <input type="" name="full_name" class="block w-full bg-transparent border-none" placeholder="Full Name">
170    </div>
171        
172          <div class="form-control gp-component gp-component-id-q0oJAY2Ufrm" data-gp-component="input" data-gp-dnd="" data-gp-style="" data-gm-field-id="standard1" data-gp-component-id="q0oJAY2Ufrm" tabindex="0">
173            <input type="email" name="email" style="color:inherit" class="w-full rounded-lg bg-transparent" placeholder="Email" required="">
174            
175          </div>
176        
177          <div class="form-control gp-component gp-component-id-fDzg2mJT91_" data-gp-component="input" data-gp-dnd="" data-gp-style="" data-gm-field-id="standard6" data-gp-component-id="fDzg2mJT91_" tabindex="0">
178            
179            
180          <div class="iti iti--allow-dropdown iti--separate-dial-code"><div class="iti__flag-container"><div class="iti__selected-flag" role="combobox" aria-controls="iti-0__country-listbox" aria-owns="iti-0__country-listbox" aria-expanded="false" tabindex="0" title="United States: +1" aria-activedescendant="iti-0__item-us-preferred"><div class="iti__flag iti__us"></div><div class="iti__selected-dial-code">+1</div><div class="iti__arrow"></div></div><ul class="iti__country-list iti__hide" id="iti-0__country-listbox" role="listbox" aria-label="List of countries"><li class="iti__country iti__preferred iti__active" tabindex="-1" id="iti-0__item-us-preferred" role="option" data-dial-code="1" data-country-code="us" aria-selected="true"><div class="iti__flag-box"><div class="iti__flag iti__us"></div></div><span class="iti__country-name">United States</span><span class="iti__dial-code">+1</span></li><li class="iti__country iti__preferred" tabindex="-1" id="iti-0__item-gb-preferred" role="option" data-dial-code="44" data-country-code="gb" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__gb"></div></div><span class="iti__country-name">United Kingdom</span><span class="iti__dial-code">+44</span></li><li class="iti__divider" role="separator" aria-disabled="true"></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-af" role="option" data-dial-code="93" data-country-code="af" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__af"></div></div><span class="iti__country-name">Afghanistan (‫افغانستان‬‎)</span><span class="iti__dial-code">+93</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-al" role="option" data-dial-code="355" data-country-code="al" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__al"></div></div><span class="iti__country-name">Albania (Shqipëri)</span><span class="iti__dial-code">+355</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-dz" role="option" data-dial-code="213" data-country-code="dz" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__dz"></div></div><span class="iti__country-name">Algeria (‫الجزائر‬‎)</span><span class="iti__dial-code">+213</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-as" role="option" data-dial-code="1" data-country-code="as" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__as"></div></div><span class="iti__country-name">American Samoa</span><span class="iti__dial-code">+1</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ad" role="option" data-dial-code="376" data-country-code="ad" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__ad"></div></div><span class="iti__country-name">Andorra</span><span class="iti__dial-code">+376</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ao" role="option" data-dial-code="244" data-country-code="ao" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__ao"></div></div><span class="iti__country-name">Angola</span><span class="iti__dial-code">+244</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ai" role="option" data-dial-code="1" data-country-code="ai" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__ai"></div></div><span class="iti__country-name">Anguilla</span><span class="iti__dial-code">+1</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ag" role="option" data-dial-code="1" data-country-code="ag" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__ag"></div></div><span class="iti__country-name">Antigua and Barbuda</span><span class="iti__dial-code">+1</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ar" role="option" data-dial-code="54" data-country-code="ar" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__ar"></div></div><span class="iti__country-name">Argentina</span><span class="iti__dial-code">+54</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-am" role="option" data-dial-code="374" data-country-code="am" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__am"></div></div><span class="iti__country-name">Armenia (Հայաստան)</span><span class="iti__dial-code">+374</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-aw" role="option" data-dial-code="297" data-country-code="aw" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__aw"></div></div><span class="iti__country-name">Aruba</span><span class="iti__dial-code">+297</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ac" role="option" data-dial-code="247" data-country-code="ac" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__ac"></div></div><span class="iti__country-name">Ascension Island</span><span class="iti__dial-code">+247</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-au" role="option" data-dial-code="61" data-country-code="au" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__au"></div></div><span class="iti__country-name">Australia</span><span class="iti__dial-code">+61</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-at" role="option" data-dial-code="43" data-country-code="at" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__at"></div></div><span class="iti__country-name">Austria (Österreich)</span><span class="iti__dial-code">+43</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-az" role="option" data-dial-code="994" data-country-code="az" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__az"></div></div><span class="iti__country-name">Azerbaijan (Azərbaycan)</span><span class="iti__dial-code">+994</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-bs" role="option" data-dial-code="1" data-country-code="bs" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__bs"></div></div><span class="iti__country-name">Bahamas</span><span class="iti__dial-code">+1</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-bh" role="option" data-dial-code="973" data-country-code="bh" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__bh"></div></div><span class="iti__country-name">Bahrain (‫البحرين‬‎)</span><span class="iti__dial-code">+973</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-bd" role="option" data-dial-code="880" data-country-code="bd" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__bd"></div></div><span class="iti__country-name">Bangladesh (বাংলাদেশ)</span><span class="iti__dial-code">+880</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-bb" role="option" data-dial-code="1" data-country-code="bb" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__bb"></div></div><span class="iti__country-name">Barbados</span><span class="iti__dial-code">+1</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-by" role="option" data-dial-code="375" data-country-code="by" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__by"></div></div><span class="iti__country-name">Belarus (Беларусь)</span><span class="iti__dial-code">+375</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-be" role="option" data-dial-code="32" data-country-code="be" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__be"></div></div><span class="iti__country-name">Belgium (België)</span><span class="iti__dial-code">+32</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-bz" role="option" data-dial-code="501" data-country-code="bz" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__bz"></div></div><span class="iti__country-name">Belize</span><span class="iti__dial-code">+501</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-bj" role="option" data-dial-code="229" data-country-code="bj" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__bj"></div></div><span class="iti__country-name">Benin (Bénin)</span><span class="iti__dial-code">+229</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-bm" role="option" data-dial-code="1" data-country-code="bm" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__bm"></div></div><span class="iti__country-name">Bermuda</span><span class="iti__dial-code">+1</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-bt" role="option" data-dial-code="975" data-country-code="bt" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__bt"></div></div><span class="iti__country-name">Bhutan (འབྲུག)</span><span class="iti__dial-code">+975</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-bo" role="option" data-dial-code="591" data-country-code="bo" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__bo"></div></div><span class="iti__country-name">Bolivia</span><span class="iti__dial-code">+591</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ba" role="option" data-dial-code="387" data-country-code="ba" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__ba"></div></div><span class="iti__country-name">Bosnia and Herzegovina (Босна и Херцеговина)</span><span class="iti__dial-code">+387</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-bw" role="option" data-dial-code="267" data-country-code="bw" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__bw"></div></div><span class="iti__country-name">Botswana</span><span class="iti__dial-code">+267</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-br" role="option" data-dial-code="55" data-country-code="br" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__br"></div></div><span class="iti__country-name">Brazil (Brasil)</span><span class="iti__dial-code">+55</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-io" role="option" data-dial-code="246" data-country-code="io" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__io"></div></div><span class="iti__country-name">British Indian Ocean Territory</span><span class="iti__dial-code">+246</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-vg" role="option" data-dial-code="1" data-country-code="vg" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__vg"></div></div><span class="iti__country-name">British Virgin Islands</span><span class="iti__dial-code">+1</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-bn" role="option" data-dial-code="673" data-country-code="bn" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__bn"></div></div><span class="iti__country-name">Brunei</span><span class="iti__dial-code">+673</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-bg" role="option" data-dial-code="359" data-country-code="bg" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__bg"></div></div><span class="iti__country-name">Bulgaria (България)</span><span class="iti__dial-code">+359</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-bf" role="option" data-dial-code="226" data-country-code="bf" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__bf"></div></div><span class="iti__country-name">Burkina Faso</span><span class="iti__dial-code">+226</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-bi" role="option" data-dial-code="257" data-country-code="bi" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__bi"></div></div><span class="iti__country-name">Burundi (Uburundi)</span><span class="iti__dial-code">+257</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-kh" role="option" data-dial-code="855" data-country-code="kh" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__kh"></div></div><span class="iti__country-name">Cambodia (កម្ពុជា)</span><span class="iti__dial-code">+855</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-cm" role="option" data-dial-code="237" data-country-code="cm" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__cm"></div></div><span class="iti__country-name">Cameroon (Cameroun)</span><span class="iti__dial-code">+237</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ca" role="option" data-dial-code="1" data-country-code="ca" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__ca"></div></div><span class="iti__country-name">Canada</span><span class="iti__dial-code">+1</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-cv" role="option" data-dial-code="238" data-country-code="cv" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__cv"></div></div><span class="iti__country-name">Cape Verde (Kabu Verdi)</span><span class="iti__dial-code">+238</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-bq" role="option" data-dial-code="599" data-country-code="bq" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__bq"></div></div><span class="iti__country-name">Caribbean Netherlands</span><span class="iti__dial-code">+599</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ky" role="option" data-dial-code="1" data-country-code="ky" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__ky"></div></div><span class="iti__country-name">Cayman Islands</span><span class="iti__dial-code">+1</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-cf" role="option" data-dial-code="236" data-country-code="cf" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__cf"></div></div><span class="iti__country-name">Central African Republic (République centrafricaine)</span><span class="iti__dial-code">+236</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-td" role="option" data-dial-code="235" data-country-code="td" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__td"></div></div><span class="iti__country-name">Chad (Tchad)</span><span class="it
180i__dial-code">+235</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-cl" role="option" data-dial-code="56" data-country-code="cl" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__cl"></div></div><span class="iti__country-name">Chile</span><span class="iti__dial-code">+56</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-cn" role="option" data-dial-code="86" data-country-code="cn" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__cn"></div></div><span class="iti__country-name">China (中国)</span><span class="iti__dial-code">+86</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-cx" role="option" data-dial-code="61" data-country-code="cx" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__cx"></div></div><span class="iti__country-name">Christmas Island</span><span class="iti__dial-code">+61</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-cc" role="option" data-dial-code="61" data-country-code="cc" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__cc"></div></div><span class="iti__country-name">Cocos (Keeling) Islands</span><span class="iti__dial-code">+61</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-co" role="option" data-dial-code="57" data-country-code="co" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__co"></div></div><span class="iti__country-name">Colombia</span><span class="iti__dial-code">+57</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-km" role="option" data-dial-code="269" data-country-code="km" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__km"></div></div><span class="iti__country-name">Comoros (‫جزر القمر‬‎)</span><span class="iti__dial-code">+269</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-cd" role="option" data-dial-code="243" data-country-code="cd" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__cd"></div></div><span class="iti__country-name">Congo (DRC) (Jamhuri ya Kidemokrasia ya Kongo)</span><span class="iti__dial-code">+243</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-cg" role="option" data-dial-code="242" data-country-code="cg" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__cg"></div></div><span class="iti__country-name">Congo (Republic) (Congo-Brazzaville)</span><span class="iti__dial-code">+242</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ck" role="option" data-dial-code="682" data-country-code="ck" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__ck"></div></div><span class="iti__country-name">Cook Islands</span><span class="iti__dial-code">+682</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-cr" role="option" data-dial-code="506" data-country-code="cr" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__cr"></div></div><span class="iti__country-name">Costa Rica</span><span class="iti__dial-code">+506</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ci" role="option" data-dial-code="225" data-country-code="ci" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__ci"></div></div><span class="iti__country-name">Côte d’Ivoire</span><span class="iti__dial-code">+225</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-hr" role="option" data-dial-code="385" data-country-code="hr" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__hr"></div></div><span class="iti__country-name">Croatia (Hrvatska)</span><span class="iti__dial-code">+385</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-cu" role="option" data-dial-code="53" data-country-code="cu" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__cu"></div></div><span class="iti__country-name">Cuba</span><span class="iti__dial-code">
180+53</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-cw" role="option" data-dial-code="599" data-country-code="cw" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__cw"></div></div><span class="iti__country-name">Curaçao</span><span class="iti__dial-code">+599</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-cy" role="option" data-dial-code="357" data-country-code="cy" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__cy"></div></div><span class="iti__country-name">Cyprus (Κύπρος)</span><span class="iti__dial-code">+357</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-cz" role="option" data-dial-code="420" data-country-code="cz" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__cz"></div></div><span class="iti__country-name">Czech Republic (Česká republika)</span><span class="iti__dial-code">+420</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-dk" role="option" data-dial-code="45" data-country-code="dk" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__dk"></div></div><span class="iti__country-name">Denmark (Danmark)</span><span class="iti__dial-code">+45</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-dj" role="option" data-dial-code="253" data-country-code="dj" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__dj"></div></div><span class="iti__country-name">Djibouti</span><span class="iti__dial-code">+253</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-dm" role="option" data-dial-code="1" data-country-code="dm" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__dm"></div></div><span class="iti__country-name">Dominica</span><span class="iti__dial-code">+1</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-do" role="option" data-dial-code="1" data-country-code="do" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__do"></div></div><span class="iti__country-name">Dominican Republic (República Dominicana)</span><span class="iti__dial-code">+1</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ec" role="option" data-dial-code="593" data-country-code="ec" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__ec"></div></div><span class="iti__country-name">Ecuador</span><span class="iti__dial-code">+593</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-eg" role="option" data-dial-code="20" data-country-code="eg" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__eg"></div></div><span class="iti__country-name">Egypt (‫مصر‬‎)</span><span class="iti__dial-code">+20</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-sv" role="option" data-dial-code="503" data-country-code="sv" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__sv"></div></div><span class="iti__country-name">El Salvador</span><span class="iti__dial-code">+503</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-gq" role="option" data-dial-code="240" data-country-code="gq" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__gq"></div></div><span class="iti__country-name">Equatorial Guinea (Guinea Ecuatorial)</span><span class="iti__dial-code">+240</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-er" role="option" data-dial-code="291" data-country-code="er" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__er"></div></div><span class="iti__country-name">Eritrea</span><span class="iti__dial-code">+291</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ee" role="option" data-dial-code="372" data-country-code="ee" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__ee"></div></div><span class="iti__country-name">Estonia (Eesti)</span><span class="iti__dial-code">+372</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-sz" role="option" data-dial-code="268" data-country-code="sz" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__sz"></div></div><span class="iti__country-name">Eswatini</span><span class="iti__dial-code">+268</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-et" role="option" data-dial-code="251" data-country-code="et" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__et"></div></div><span class="iti__country-name">Ethiopia</span><span class="iti__dial-code">+251</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-fk" role="option" data-dial-code="500" data-country-code="fk" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__fk"></div></div><span class="iti__country-name">Falkland Islands (Islas Malvinas)</span><span class="iti__dial-code">+500</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-fo" role="option" data-dial-code="298" data-country-code="fo" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__fo"></div></div><span class="iti__country-name">Faroe Islands (Føroyar)</span><span class="iti__dial-code">+298</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-fj" role="option" data-dial-code="679" data-country-code="fj" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__fj"></div></div><span class="iti__country-name">Fiji</span><span class="iti__dial-code">+679</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-fi" role="option" data-dial-code="358" data-country-code="fi" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__fi"></div></div><span class="iti__country-name">Finland (Suomi)</span><span class="iti__dial-code">+358</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-fr" role="option" data-dial-code="33" data-country-code="fr" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__fr"></div></div><span class="iti__country-name">France</span><span class="iti__dial-code">+33</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-gf" role="option" data-dial-code="594" data-country-code="gf" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__gf"></div></div><span class="iti__country-name">French Guiana (Guyane française)</span><span class="iti__dial-code">+594</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-pf" role="option" data-dial-code="689" data-country-code="pf" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__pf"></div></div><span class="iti__country-name">French Polynesia (Polynésie française)</span><span class="iti__dial-code">+689</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ga" role="option" data-dial-code="241" data-country-code="ga" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__ga"></div></div><span class="iti__country-name">Gabon</span><span class="iti__dial-code">+241</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-gm" role="option" data-dial-code="220" data-country-code="gm" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__gm"></div></div><span class="iti__country-name">Gambia</span><span class="iti__dial-code">+220</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ge" role="option" data-dial-code="995" data-country-code="ge" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__ge"></div></div><span class="iti__country-name">Georgia (საქართველო)</span><span class="iti__dial-code">+995</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-de" role="option" data-dial-code="49" data-country-code="de" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__de"></div></div><span class="iti__country-name">Germany (Deutschland)</span><span class="iti__dial-code">+49</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-gh" role="option" data-dial-code="233" data-country-code="gh" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__gh"></div></div><span class="iti__country-name">Ghana (Gaana)</span><span class="iti__dial-code">+233</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-gi" role="option" data-dial-code="350" data-country-code="gi" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__gi"></div></div><span class="iti__country-name">Gibraltar</span><span class="iti__dial-code">+350</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-gr" role="option" data-dial-code="30" data-country-code="gr" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__gr"></div></div><span class="iti__country-name">Greece (Ελλάδα)</span><span class="iti__dial-code">+30</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-gl" role="option" data-dial-code="299" data-country-code="gl" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__gl"></div></div><span class="iti__country-name">
180Greenland (Kalaallit Nunaat)</span><span class="iti__dial-code">+299</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-gd" role="option" data-dial-code="1" data-country-code="gd" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__gd"></div></div><span class="iti__country-name">Grenada</span><span class="iti__dial-code">+1</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-gp" role="option" data-dial-code="590" data-country-code="gp" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__gp"></div></div><span class="iti__country-name">Guadeloupe</span><span class="iti__dial-code">+590</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-gu" role="option" data-dial-code="1" data-country-code="gu" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__gu"></div></div><span class="iti__country-name">Guam</span><span class="iti__dial-code">+1</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-gt" role="option" data-dial-code="502" data-country-code="gt" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__gt"></div></div><span class="iti__country-name">Guatemala</span><span class="iti__dial-code">+502</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-gg" role="option" data-dial-code="44" data-country-code="gg" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__gg"></div></div><span class="iti__country-name">Guernsey</span><span class="iti__dial-code">+44</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-gn" role="option" data-dial-code="224" data-country-code="gn" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__gn"></div></div><span class="iti__country-name">Guinea (Guinée)</span><span class="iti__dial-code">+224</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-gw" role="option" data-dial-code="245" data-country-code="gw" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__gw"></div></div><span class="iti__country-name">Guinea-Bissau (Guiné Bissau)</span><span class="iti__dial-code">+245</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-gy" role="option" data-dial-code="592" data-country-code="gy" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__gy"></div></div><span class="iti__country-name">Guyana</span><span class="iti__dial-code">+592</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ht" role="option" data-dial-code="509" data-country-code="ht" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__ht"></div></div><span class="iti__country-name">Haiti</span><span class="iti__dial-code">+509</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-hn" role="option" data-dial-code="504" data-country-code="hn" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__hn"></div></div><span class="iti__country-name">Honduras</span><span class="iti__dial-code">+504</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-hk" role="option" data-dial-code="852" data-country-code="hk" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__hk"></div></div><span class="iti__country-name">Hong Kong (香港)</span><span class="iti__dial-code">+852</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-hu" role="option" data-dial-code="36" data-country-code="hu" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__hu"></div></div><span class="iti__country-name">Hungary (Magyarország)</span><span class="iti__dial-code">+36</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-is" role="option" data-dial-code="354" data-country-code="is" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__is"></div></div><span class="iti__country-name">Iceland (Ísland)</span><span class="iti__dial-code">+354</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-in" role="option" data-dial-code="91" data-country-code="in" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__in"></div></div><span class="iti__country-name">India (भारत)</span><span class="iti__dial-code">+91</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-id" role="option" data-dial-code="62" data-country-code="id" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__id"></div></div><span class="iti__country-name">Indonesia</span><span class="iti__dial-code">+62</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ir" role="option" data-dial-code="98" data-country-code="ir" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__ir"></div></div><span class="iti__country-name">Iran (‫ایران‬‎)</span><span class="iti__dial-code">+98</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-iq" role="option" data-dial-code="964" data-country-code="iq" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__iq"></div></div><span class="iti__country-name">Iraq (‫العراق‬‎)</span><span class="iti__dial-code">+964</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ie" role="option" data-dial-code="353" data-country-code="ie" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__ie"></div></div><span class="iti__country-name">Ireland</span><span class="iti__dial-code">+353</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-im" role="option" data-dial-code="44" data-country-code="im" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__im"></div></div><span class="iti__country-name">Isle of Man</span><span class="iti__dial-code">+44</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-il" role="option" data-dial-code="972" data-country-code="il" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__il"></div></div><span class="iti__country-name">Israel (‫ישראל‬‎)</span><span class="iti__dial-code">+972</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-it" role="option" data-dial-code="39" data-country-code="it" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__it"></div></div><span class="iti__country-name">Italy (Italia)</span><span class="iti__dial-code">+39</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-jm" role="option" data-dial-code="1" data-country-code="jm" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__jm"></div></div><span class="iti__country-name">Jamaica</span><span class="iti__dial-code">+1</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-jp" role="option" data-dial-code="81" data-country-code="jp" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__jp"></div></div><span class="iti__country-name">Japan (日本)</span><span class="iti__dial-code">+81</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-je" role="option" data-dial-code="44" data-country-code="je" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__je"></div></div><span class="iti__country-name">Jersey</span><span class="iti__dial-code">+44</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-jo" role="option" data-dial-code="962" data-country-code="jo" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__jo"></div></div><span class="iti__country-name">Jordan (‫الأردن‬‎)</span><span class="iti__dial-code">+962</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-kz" role="option" data-dial-code="7" data-country-code="kz" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__kz"></div></div><span class="iti__country-name">Kazakhstan (Казахстан)</span><span class="iti__dial-code">+7</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ke" role="option" data-dial-code="254" data-country-code="ke" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__ke"></div></div><span class="iti__country-name">Kenya</span><span class="iti__dial-code">+254</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ki" role="option" data-dial-code="686" data-country-code="ki" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__ki"></div></div><span class="iti__country-name">Kiribati</span><span class="iti__dial-code">+686</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-xk" role="option" data-dial-code="383" data-country-code="xk" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__xk"></div></div><span class="iti__country-name">Kosovo</span><span class="iti__dial-code">+383</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-kw" role="option" data-dial-code="965" data-country-code="kw" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__kw"></div></div><span class="iti__country-name">Kuwait (‫الكويت‬‎)</span><span class="iti__dial-code">+965</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-kg" role="option" data-dial-code="996" data-country-code="kg" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__kg"></div></div><span class="iti__country-name">
180Kyrgyzstan (Кыргызстан)</span><span class="iti__dial-code">+996</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-la" role="option" data-dial-code="856" data-country-code="la" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__la"></div></div><span class="iti__country-name">Laos (ລາວ)</span><span class="iti__dial-code">+856</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-lv" role="option" data-dial-code="371" data-country-code="lv" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__lv"></div></div><span class="iti__country-name">Latvia (Latvija)</span><span class="iti__dial-code">+371</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-lb" role="option" data-dial-code="961" data-country-code="lb" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__lb"></div></div><span class="iti__country-name">Lebanon (‫لبنان‬‎)</span><span class="iti__dial-code">+961</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ls" role="option" data-dial-code="266" data-country-code="ls" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__ls"></div></div><span class="iti__country-name">Lesotho</span><span class="iti__dial-code">+266</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-lr" role="option" data-dial-code="231" data-country-code="lr" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__lr"></div></div><span class="iti__country-name">Liberia</span><span class="iti__dial-code">+231</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ly" role="option" data-dial-code="218" data-country-code="ly" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__ly"></div></div><span class="iti__country-name">Libya (‫ليبيا‬‎)</span><span class="iti__dial-code">+218</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-li" role="option" data-dial-code="423" data-country-code="li" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__li"></div></div><span class="iti__country-name">Liechtenstein</span><span class="iti__dial-code">+423</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-lt" role="option" data-dial-code="370" data-country-code="lt" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__lt"></div></div><span class="iti__country-name">Lithuania (Lietuva)</span><span class="iti__dial-code">+370</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-lu" role="option" data-dial-code="352" data-country-code="lu" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__lu"></div></div><span class="iti__country-name">Luxembourg</span><span class="iti__dial-code">+352</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-mo" role="option" data-dial-code="853" data-country-code="mo" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__mo"></div></div><span class="iti__country-name">Macau (澳門)</span><span class="iti__dial-code">+853</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-mg" role="option" data-dial-code="261" data-country-code="mg" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__mg"></div></div><span class="iti__country-name">Madagascar (Madagasikara)</span><span class="iti__dial-code">+261</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-mw" role="option" data-dial-code="265" data-country-code="mw" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__mw"></div></div><span class="iti__country-name">Malawi</span><span class="iti__dial-code">+265</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-my" role="option" data-dial-code="60" data-country-code="my" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__my"></div></div><span class="iti__country-name">Malaysia</span><span class="iti__dial-code">+60</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-mv" role="option" data-dial-code="960" data-country-code="mv" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__mv"></div></div><span class="iti__country-name">Maldives</span><span class="iti__dial-code">+960</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ml" role="option" data-dial-code="223" data-country-code="ml" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__ml"></div></div><span class="iti__country-name">Mali</span><span class="iti__dial-code">+223</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-mt" role="option" data-dial-code="356" data-country-code="mt" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__mt"></div></div><span class="iti__country-name">Malta</span><span class="iti__dial-code">+356</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-mh" role="option" data-dial-code="692" data-country-code="mh" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__mh"></div></div><span class="iti__country-name">Marshall Islands</span><span class="iti__dial-code">+692</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-mq" role="option" data-dial-code="596" data-country-code="mq" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__mq"></div></div><span class="iti__country-name">Martinique</span><span class="iti__dial-code">+596</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-mr" role="option" data-dial-code="222" data-country-code="mr" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__mr"></div></div><span class="iti__country-name">Mauritania (‫موريتانيا‬‎)</span><span class="iti__dial-code">+222</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-mu" role="option" data-dial-code="230" data-country-code="mu" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__mu"></div></div><span class="iti__country-name">Mauritius (Moris)</span><span class="iti__dial-code">+230</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-yt" role="option" data-dial-code="262" data-country-code="yt" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__yt"></div></div><span class="iti__country-name">Mayotte</span><span class="iti__dial-code">+262</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-mx" role="option" data-dial-code="52" data-country-code="mx" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__mx"></div></div><span class="iti__country-name">Mexico (México)</span><span class="iti__dial-code">+52</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-fm" role="option" data-dial-code="691" data-country-code="fm" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__fm"></div></div><span class="iti__country-name">Micronesia</span><span class="iti__dial-code">+691</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-md" role="option" data-dial-code="373" data-country-code="md" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__md"></div></div><span class="iti__country-name">Moldova (Republica Moldova)</span><span class="iti__dial-code">+373</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-mc" role="option" data-dial-code="377" data-country-code="mc" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__mc"></div></div><span class="iti__country-name">Monaco</span><span class="iti__dial-code">+377</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-mn" role="option" data-dial-code="976" data-country-code="mn" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__mn"></div></div><span class="iti__country-name">Mongolia (Монгол)</span><span class="iti__dial-code">+976</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-me" role="option" data-dial-code="382" data-country-code="me" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__me"></div></div><span class="iti__country-name">Montenegro (Crna Gora)</span><span class="iti__dial-code">+382</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ms" role="option" data-dial-code="1" data-country-code="ms" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__ms"></div></div><span class="iti__country-name">Montserrat</span><span class="iti__dial-code">+1</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ma" role="option" data-dial-code="212" data-country-code="ma" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__ma"></div></div><span class="iti__country-name">Morocco (‫المغرب‬‎)</span><span class="iti__dial-code">+212</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-mz" role="option" data-dial-code="258" data-country-code="mz" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__mz"></div></div><span class="iti__country-name">Mozambique (Moçambique)</span><span class="iti__dial-code">+258</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-mm" role="option" data-dial-code="95" data-country-code="mm" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__mm"></div></div><span class="iti__country-name">Myanmar (Burma) (မြန်မာ)</span><span class="iti__dial-code">+95</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-na" role="option" data-dial-code="264" data-country-code="na" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__na"></div></div><span class="iti__country-name">Namibia (Namibië)</span><span class="iti__dial-code">+264</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-nr" role="option" data-dial-code="674" data-country-code="nr" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__nr"></div></div><span class="iti__country-name">Nauru</span><span class="iti__dial-code">+674</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-np" role="option" data-dial-code="977" data-country-code="np" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__np"></div></div><span class="iti__country-name">Nepal (नेपाल)</span><span class="iti__dial-code">+977</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-nl" role="option" data-dial-code="31" data-country-code="nl" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__nl"></div></div><span class="iti__country-name">Netherlands (Nederland)</span><span class="iti__dial-code">+31</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-nc" role="option" data-dial-code="687" data-country-code="nc" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__nc"></div></div><span class="iti__country-name">New Caledonia (Nouvelle-Calédonie)</span><span class="iti__dial-code">+687</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-nz" role="option" data-dial-code="64" data-country-code="nz" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__nz"></div></div><span class="iti__country-name">New Zealand</span><span class="iti__dial-code">+64</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ni" role="option" data-dial-code="505" data-country-code="ni" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__ni"></div></div><span class="iti__country-name">Nicaragua</span><span class="iti__dial-code">+505</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ne" role="option" data-dial-code="227" data-country-code="ne" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__ne"></div></div><span class="iti__country-name">Niger (Nijar)</span><span class="iti__dial-code">+227</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ng" role="option" data-dial-code="234" data-country-code="ng" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__ng"></div></div><span class="iti__country-name">Nigeria</span><span class="iti__dial-code">+234</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-nu" role="option" data-dial-code="683" data-country-code="nu" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__nu"></div></div><span class="iti__country-name">Niue</span><span class="iti__dial-code">+683</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-nf" role="option" data-dial-code="672" data-country-code="nf" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__nf"></div></div><span class="iti__country-name">Norfolk Island</span><span class="iti__dial-code">+672</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-kp" role="option" data-dial-code="850" data-country-code="kp" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__kp"></div></div><span class="iti__country-name">North Korea (조선 민주주의 인민 공화국)</span><span class="iti__dial-code">+850</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-mk" role="option" data-dial-code="389" data-country-code="mk" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__mk"></div></div><span class="iti__country-name">North Macedonia (Северна Македонија)</span><span class="iti__dial-code">+389</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-mp" role="option" data-dial-code="1" data-country-code="mp" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__mp"></div></div><span class="iti__country-name">Northern Mariana Islands</span><span class="iti__dial-code">+1</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-no" role="option" data-dial-code="47" data-country-code="no" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__no"></div></div><span class="iti__country-name">Norway (Norge)</span><span class="iti__dial-code">+47</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-om" role="option" data-dial-code="968" data-country-code="om" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__om"></div></div><span class="iti__country-name">Oman (‫عُمان‬‎)</span><span class="iti__dial-code">
180+968</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-pk" role="option" data-dial-code="92" data-country-code="pk" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__pk"></div></div><span class="iti__country-name">Pakistan (‫پاکستان‬‎)</span><span class="iti__dial-code">+92</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-pw" role="option" data-dial-code="680" data-country-code="pw" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__pw"></div></div><span class="iti__country-name">Palau</span><span class="iti__dial-code">+680</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ps" role="option" data-dial-code="970" data-country-code="ps" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__ps"></div></div><span class="iti__country-name">Palestine (‫فلسطين‬‎)</span><span class="iti__dial-code">+970</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-pa" role="option" data-dial-code="507" data-country-code="pa" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__pa"></div></div><span class="iti__country-name">Panama (Panamá)</span><span class="iti__dial-code">+507</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-pg" role="option" data-dial-code="675" data-country-code="pg" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__pg"></div></div><span class="iti__country-name">Papua New Guinea</span><span class="iti__dial-code">+675</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-py" role="option" data-dial-code="595" data-country-code="py" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__py"></div></div><span class="iti__country-name">Paraguay</span><span class="iti__dial-code">+595</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-pe" role="option" data-dial-code="51" data-country-code="pe" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__pe"></div></div><span class="iti__country-name">Peru (Perú)</span><span class="iti__dial-code">+51</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ph" role="option" data-dial-code="63" data-country-code="ph" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__ph"></div></div><span class="iti__country-name">Philippines</span><span class="iti__dial-code">+63</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-pl" role="option" data-dial-code="48" data-country-code="pl" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__pl"></div></div><span class="iti__country-name">Poland (Polska)</span><span class="iti__dial-code">+48</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-pt" role="option" data-dial-code="351" data-country-code="pt" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__pt"></div></div><span class="iti__country-name">Portugal</span><span class="iti__dial-code">+351</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-pr" role="option" data-dial-code="1" data-country-code="pr" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__pr"></div></div><span class="iti__country-name">Puerto Rico</span><span class="iti__dial-code">+1</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-qa" role="option" data-dial-code="974" data-country-code="qa" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__qa"></div></div><span class="iti__country-name">Qatar (‫قطر‬‎)</span><span class="iti__dial-code">+974</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-re" role="option" data-dial-code="262" data-country-code="re" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__re"></div></div><span class="iti__country-name">Réunion (La Réunion)</span><span class="iti__dial-code">+262</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ro" role="option" data-dial-code="40" data-country-code="ro" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__ro"></div></div><span class="iti__country-name">Romania (România)</span><span class="iti__dial-code">+40</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ru" role="option" data-dial-code="7" data-country-code="ru" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__ru"></div></div><span class="iti__country-name">Russia (Россия)</span><span class="iti__dial-code">+7</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-rw" role="option" data-dial-code="250" data-country-code="rw" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__rw"></div></div><span class="iti__country-name">Rwanda</span><span class="iti__dial-code">+250</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-bl" role="option" data-dial-code="590" data-country-code="bl" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__bl"></div></div><span class="iti__country-name">Saint Barthélemy</span><span class="iti__dial-code">+590</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-sh" role="option" data-dial-code="290" data-country-code="sh" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__sh"></div></div><span class="iti__country-name">Saint Helena</span><span class="iti__dial-code">+290</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-kn" role="option" data-dial-code="1" data-country-code="kn" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__kn"></div></div><span class="iti__country-name">Saint Kitts and Nevis</span><span class="iti__dial-code">+1</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-lc" role="option" data-dial-code="1" data-country-code="lc" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__lc"></div></div><span class="iti__country-name">Saint Lucia</span><span class="iti__dial-code">+1</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-mf" role="option" data-dial-code="590" data-country-code="mf" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__mf"></div></div><span class="iti__country-name">Saint Martin (Saint-Martin (partie française))</span><span class="iti__dial-code">+590</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-pm" role="option" data-dial-code="508" data-country-code="pm" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__pm"></div></div><span class="iti__country-name">Saint Pierre and Miquelon (Saint-Pierre-et-Miquelon)</span><span class="iti__dial-code">+508</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-vc" role="option" data-dial-code="1" data-country-code="vc" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__vc"></div></div><span class="iti__country-name">Saint Vincent and the Grenadines</span><span class="iti__dial-code">+1</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ws" role="option" data-dial-code="685" data-country-code="ws" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__ws"></div></div><span class="iti__country-name">Samoa</span><span class="iti__dial-code">+685</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-sm" role="option" data-dial-code="378" data-country-code="sm" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__sm"></div></div><span class="iti__country-name">San Marino</span><span class="iti__dial-code">+378</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-st" role="option" data-dial-code="239" data-country-code="st" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__st"></div></div><span class="iti__country-name">São Tomé and Príncipe (São Tomé e Príncipe)</span><span class="iti__dial-code">+239</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-sa" role="option" data-dial-code="966" data-country-code="sa" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__sa"></div></div><span class="iti__country-name">Saudi Arabia (‫المملكة العربية السعودية‬‎)</span><span class="iti__dial-code">+966</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-sn" role="option" data-dial-code="221" data-country-code="sn" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__sn"></div></div><span class="iti__country-name">Senegal (Sénégal)</span><span class="iti__dial-code">+221</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-rs" role="option" data-dial-code="381" data-country-code="rs" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__rs"></div></div><span class="iti__country-name">Serbia (Србија)</span><span class="iti__dial-code">+381</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-sc" role="option" data-dial-code="248" data-country-code="sc" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__sc"></div></div><span class="iti__country-name">Seychelles</span><span class="iti__dial-code">+248</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-sl" role="option" data-dial-code="232" data-country-code="sl" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__sl"></div></div><span class="iti__country-name">Sierra Leone</span><span class="iti__dial-code">+232</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-sg" role="option" data-dial-code="65" data-country-code="sg" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__sg"></div></div><span class="iti__country-name">Singapore</span><span class="iti__dial-code">+65</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-sx" role="option" data-dial-code="1" data-country-code="sx" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__sx"></div></div><span class="iti__country-name">Sint Maarten</span><span class="iti__dial-code">+1</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-sk" role="option" data-dial-code="421" data-country-code="sk" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__sk"></div></div><span class="iti__country-name">Slovakia (Slovensko)</span><span class="iti__dial-code">+421</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-si" role="option" data-dial-code="386" data-country-code="si" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__si"></div></div><span class="iti__country-name">Slovenia (Slovenija)</span><span class="iti__dial-code">+386</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-sb" role="option" data-dial-code="677" data-country-code="sb" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__sb"></div></div><span class="iti__country-name">Solomon Islands</span><span class="iti__dial-code">+677</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-so" role="option" data-dial-code="252" data-country-code="so" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__so"></div></div><span class="iti__country-name">Somalia (Soomaaliya)</span><span class="iti__dial-code">+252</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-za" role="option" data-dial-code="27" data-country-code="za" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__za"></div></div><span class="iti__country-name">South Africa</span><span class="iti__dial-code">+27</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-kr" role="option" data-dial-code="82" data-country-code="kr" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__kr"></div></div><span class="iti__country-name">South Korea (대한민국)</span><span class="iti__dial-code">+82</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ss" role="option" data-dial-code="211" data-country-code="ss" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__ss"></div></div><span class="iti__country-name">South Sudan (‫جنوب السودان‬‎)</span><span class="iti__dial-code">+211</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-es" role="option" data-dial-code="34" data-country-code="es" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__es"></div></div><span class="iti__country-name">Spain (España)</span><span class="iti__dial-code">+34</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-lk" role="option" data-dial-code="94" data-country-code="lk" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__lk"></div></div><span class="iti__country-name">Sri Lanka (ශ්‍රී ලංකාව)</span><span class="iti__dial-code">
180+94</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-sd" role="option" data-dial-code="249" data-country-code="sd" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__sd"></div></div><span class="iti__country-name">Sudan (‫السودان‬‎)</span><span class="iti__dial-code">+249</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-sr" role="option" data-dial-code="597" data-country-code="sr" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__sr"></div></div><span class="iti__country-name">Suriname</span><span class="iti__dial-code">+597</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-sj" role="option" data-dial-code="47" data-country-code="sj" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__sj"></div></div><span class="iti__country-name">Svalbard and Jan Mayen</span><span class="iti__dial-code">+47</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-se" role="option" data-dial-code="46" data-country-code="se" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__se"></div></div><span class="iti__country-name">Sweden (Sverige)</span><span class="iti__dial-code">+46</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ch" role="option" data-dial-code="41" data-country-code="ch" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__ch"></div></div><span class="iti__country-name">Switzerland (Schweiz)</span><span class="iti__dial-code">+41</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-sy" role="option" data-dial-code="963" data-country-code="sy" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__sy"></div></div><span class="iti__country-name">Syria (‫سوريا‬‎)</span><span class="iti__dial-code">+963</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-tw" role="option" data-dial-code="886" data-country-code="tw" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__tw"></div></div><span class="iti__country-name">Taiwan (台灣)</span><span class="iti__dial-code">+886</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-tj" role="option" data-dial-code="992" data-country-code="tj" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__tj"></div></div><span class="iti__country-name">Tajikistan</span><span class="iti__dial-code">+992</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-tz" role="option" data-dial-code="255" data-country-code="tz" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__tz"></div></div><span class="iti__country-name">Tanzania</span><span class="iti__dial-code">+255</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-th" role="option" data-dial-code="66" data-country-code="th" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__th"></div></div><span class="iti__country-name">Thailand (ไทย)</span><span class="iti__dial-code">+66</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-tl" role="option" data-dial-code="670" data-country-code="tl" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__tl"></div></div><span class="iti__country-name">Timor-Leste</span><span class="iti__dial-code">+670</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-tg" role="option" data-dial-code="228" data-country-code="tg" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__tg"></div></div><span class="iti__country-name">Togo</span><span class="iti__dial-code">+228</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-tk" role="option" data-dial-code="690" data-country-code="tk" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__tk"></div></div><span class="iti__country-name">Tokelau</span><span class="iti__dial-code">+690</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-to" role="option" data-dial-code="676" data-country-code="to" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__to"></div></div><span class="iti__country-name">Tonga</span><span class="iti__dial-code">+676</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-tt" role="option" data-dial-code="1" data-country-code="tt" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__tt"></div></div><span class="iti__country-name">Trinidad and Tobago</span><span class="iti__dial-code">+1</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-tn" role="option" data-dial-code="216" data-country-code="tn" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__tn"></div></div><span class="iti__country-name">Tunisia (‫تونس‬‎)</span><span class="iti__dial-code">+216</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-tr" role="option" data-dial-code="90" data-country-code="tr" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__tr"></div></div><span class="iti__country-name">Turkey (Türkiye)</span><span class="iti__dial-code">+90</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-tm" role="option" data-dial-code="993" data-country-code="tm" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__tm"></div></div><span class="iti__country-name">Turkmenistan</span><span class="iti__dial-code">+993</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-tc" role="option" data-dial-code="1" data-country-code="tc" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__tc"></div></div><span class="iti__country-name">Turks and Caicos Islands</span><span class="iti__dial-code">+1</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-tv" role="option" data-dial-code="688" data-country-code="tv" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__tv"></div></div><span class="iti__country-name">Tuvalu</span><span class="iti__dial-code">+688</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-vi" role="option" data-dial-code="1" data-country-code="vi" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__vi"></div></div><span class="iti__country-name">U.S. Virgin Islands</span><span class="iti__dial-code">+1</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ug" role="option" data-dial-code="256" data-country-code="ug" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__ug"></div></div><span class="iti__country-name">Uganda</span><span class="iti__dial-code">+256</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ua" role="option" data-dial-code="380" data-country-code="ua" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__ua"></div></div><span class="iti__country-name">Ukraine (Україна)</span><span class="iti__dial-code">+380</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ae" role="option" data-dial-code="971" data-country-code="ae" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__ae"></div></div><span class="iti__country-name">United Arab Emirates (‫الإمارات العربية المتحدة‬‎)</span><span class="iti__dial-code">+971</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-gb" role="option" data-dial-code="44" data-country-code="gb" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__gb"></div></div><span class="iti__country-name">
180United Kingdom</span><span class="iti__dial-code">+44</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-us" role="option" data-dial-code="1" data-country-code="us" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__us"></div></div><span class="iti__country-name">United States</span><span class="iti__dial-code">+1</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-uy" role="option" data-dial-code="598" data-country-code="uy" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__uy"></div></div><span class="iti__country-name">Uruguay</span><span class="iti__dial-code">+598</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-uz" role="option" data-dial-code="998" data-country-code="uz" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__uz"></div></div><span class="iti__country-name">Uzbekistan (Oʻzbekiston)</span><span class="iti__dial-code">+998</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-vu" role="option" data-dial-code="678" data-country-code="vu" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__vu"></div></div><span class="iti__country-name">Vanuatu</span><span class="iti__dial-code">+678</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-va" role="option" data-dial-code="39" data-country-code="va" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__va"></div></div><span class="iti__country-name">Vatican City (Città del Vaticano)</span><span class="iti__dial-code">+39</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ve" role="option" data-dial-code="58" data-country-code="ve" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__ve"></div></div><span class="iti__country-name">Venezuela</span><span class="iti__dial-code">+58</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-vn" role="option" data-dial-code="84" data-country-code="vn" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__vn"></div></div><span class="iti__country-name">Vietnam (Việt Nam)</span><span class="iti__dial-code">+84</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-wf" role="option" data-dial-code="681" data-country-code="wf" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__wf"></div></div><span class="iti__country-name">Wallis and Futuna (Wallis-et-Futuna)</span><span class="iti__dial-code">+681</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-eh" role="option" data-dial-code="212" data-country-code="eh" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__eh"></div></div><span class="iti__country-name">Western Sahara (‫الصحراء الغربية‬‎)</span><span class="iti__dial-code">+212</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ye" role="option" data-dial-code="967" data-country-code="ye" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__ye"></div></div><span class="iti__country-name">Yemen (‫اليمن‬‎)</span><span class="iti__dial-code">+967</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-zm" role="option" data-dial-code="260" data-country-code="zm" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__zm"></div></div><span class="iti__country-name">Zambia</span><span class="iti__dial-code">+260</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-zw" role="option" data-dial-code="263" data-country-code="zw" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__zw"></div></div><span class="iti__country-name">Zimbabwe</span><span class="iti__dial-code">+263</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ax" role="option" data-dial-code="358" data-country-code="ax" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__ax"></div></div><span class="iti__country-name">Åland Islands</span><span class="iti__dial-code">+358</span></li></ul></div><input type="tel" name="phone_number" style="color: inherit; padding-left: 75px;" class="w-full rounded-lg bg-transparent" placeholder="201-555-0123" required="" autocomplete="off" data-intl-tel-input-id="0"></div></div>
181        <button type="submit" class="bounce animate__repeat animate__onreveal no-animation gp-component gp-component-id-Iy003eFT1SK" data-gp-dnd="" data-gp-style="" data-gp-component="form-submit" data-gp-component-id="Iy003eFT1SK">Get Full Access</button>
182    <hr>
183  </div>
184  
185<gdscript src="https://assets.grooveapps.com/plugins/groovemail-lib.web.js" id="gdscript-rl-_1bm5k"></gdscript>
186<gdscript id="gdscript-wyzI3uDdY5">
187(function(){
188  var checkSetup = setInterval(function () {
189    if (window.setupGroovemailForm) {
190      setupGroovemailForm('WTtyxa-WS', 'https://v1.gdapis.com/api/groovemail/saverawuserdetails', '{"formId":"627c8fdebeac7c785f27cb32","action":"URL","url":"https://alfredoamezcua.com/real-estate-traffic-training","page":"nVD_wWohIg"}');
191      clearInterval(checkSetup);
192    } 
193  }, 250);
194})();
195</gdscript>
196</form></div></div><div class="gp-component-id-Bh5ehh30m1" data-gp-grid-col=""></div></div></div></div></section>
197      `;
198  
199              popup7O3_X75uY.querySelector(".data-gp-popup-container").innerHTML = popup7O3_X75uY_content.replaceAll('gdscript','script');
200  
201              Array.from(popup7O3_X75uY.querySelector(".data-gp-popup-container").querySelectorAll("script")).forEac
201h( oldScript => {
202                const newScript = document.createElement("script");
203                Array.from(oldScript.attributes).forEach( attr => newScript.setAttribute(attr.name, attr.value) );
204                newScript.appendChild(document.createTextNode(oldScript.innerHTML));
205                oldScript.parentNode.replaceChild(newScript, oldScript);
206              });
207  
208              for (const popupClose of popup7O3_X75uY.querySelectorAll('.gp-close-popup')) {
209                popupClose.addEventListener('click', () => {
210                  popup7O3_X75uY.classList.add('hidden-popup')
211                });
212              }
213            }, 500);
214          };
215        })
216      </script>
216
217    
218        <!-- End Popups -->
219        
220    
221    <div id="IE-warning">
222      <div class="IE-warning-message">
223        <p><i class="fas fa-exclamation-triangle" style="color:red;"></i> Oops! Sorry!!</p> <br>
224        <p>This site doesn't support Internet Explorer. Please <a href="https://browser-update.org/update-browser.html?force_outdated=true">use a modern browser</a> like Chrome, Firefox or Edge.</p>
225      </div>
226    </div>
227    
227<script id="IE-check">
228      (function() {
229        if (!!window.navigator.userAgent.match(/MSIE|Trident/)) {
230          document.getElementById("IE-warning").style.display = "block";
231        } else {
232          document.getElementById("IE-warning").remove();
233        }
234      })();
235    </script>
235<div id="custom-top">
236      <div><groovesell-proof-widget permalink="BhvgfBoWNQxt"></groovesell-proof-widget>
236<script src="https://proof.groovesell.com/proofembed/js/app.js?n=1"></script>
236</div><img src="https://tracking.groovesell.com/salespage/tracking/69999" style="border:0px; width:0px; height: 0px;"><div><groovesell-proof-widget permalink="X467As3zud7I"></groovesell-proof-widget>
236<script src="https://proof.groovesell.com/proofembed/js/app.js?n=1"></script>
236</div><div><groovesell-proof-widget permalink="lMmzfwvdNph4"></groovesell-proof-widget>
236<script src="https://proof.groovesell.com/proofembed/js/app.js?n=1"></script>
236</div><div><groovesell-proof-widget permalink="l1qoud8gehtq"></groovesell-proof-widget>
236<script src="https://proof.groovesell.com/proofembed/js/app.js?n=1"></script>
236</div>
237    </div>
237<script>
238      (function() {
239        var populateSiteSettings = async function() {
240          if (window.encodeSite) {
241            const result = await encodeSite({"pages":"eyJMMWNoeGdMUlF2Ijp7InVybCI6InJlYWwtZXN0YXRlLXRyYWZmaWMifSwiWUZMR0lNdlVuQSI6eyJ1cmwiOiJyZWFsLWVzdGF0ZS10cmFmZmljLXRyYWluaW5nIn0sIlFET0ZEMGVpLWsiOnsidXJsIjoiZGFuZ2Vyb3VzLWFzc2V0In0sIldwQktPYmlfRCI6eyJ1cmwiOiJib29rIn0sIkxjdXdVXzlUTzgiOnsidXJsIjoidWdjLXRpa3RvayJ9LCJCOEtMYnZPN1MiOnsidXJsIjoiYm9vay1jb3B5In0sIlNkLXdibWc5aCI6eyJ1cmwiOiJib29rLWNvcHkifSwia0ROd0Q1NWNHSiI6eyJ1cmwiOiJteXN0ZXJ5d2Vic2l0ZSJ9LCIwTVkzNWFTczJ1Ijp7InVybCI6InRpZXIxY29udHJhY3QxMiJ9LCJ3YllPb0RFN3JWIjp7InVybCI6ImluZGVwZW5kZW50Y29udHJhY3Rvci13OSJ9LCJPcnFWQnF3cmFIIjp7InVybCI6ImluZGVwZW5kZW50Y29udHJhY3Rvci13OGJlbiJ9LCJjMVR0emRxekQiOnsidXJsIjoidGllcjFjb250cmFjdDYifSwiZWNpMlVrMlBiLSI6eyJ1cmwiOiJ0aWVyMWNvbnRyYWN0MyJ9LCJwLWFKdm1FZlIiOnsidXJsIjoidGllcjFjb250cmFjdDEyLWNvcHkifSwiT2l1Q0hLVC13Ijp7InVybCI6InRpZXIxY29udHJhY3QxMi1jb3B5In0sIlNKdTZFUzBtNiI6eyJ1cmwiOiJ0aWVyMWNvbnRyYWN0MTItY29weSJ9LCJIdjhrZTlxWXQiOnsidXJsIjoic2hvcC1wcGMifSwidXZGTHl
241LUkdXIjp7InVybCI6InNob3AtZW1haWwtY2FtcGFpZ24ifSwiZUp1SzBPbUIyIjp7InVybCI6InNob3AtdWdjIn0sIjZTSGRFOU1icXIiOnsidXJsIjoib25ib2FyZGluZyJ9LCJVam9QdXRWZE8iOnsidXJsIjoib25ib2FyZGluZyJ9LCJsMTZaNThudm8iOnsidXJsIjoibG9jYWxwYWdlcyJ9LCJDMTZyNmtBcHUiOnsidXJsIjoibG9jYWxwYWdlcy1jb3B5In0sIjVUR0haWjlhUEYiOnsidXJsIjoibG9jYWxwYWdlcy1jb3B5In0sImJYeWlJWEpNc2IiOnsidXJsIjoicGFzYWRlbmEtc2VvLWNvbXBhbnkifSwicGo0VDZkcGVGIjp7InVybCI6ImluZGV4In0sIi1ZR0M0LU40cSI6eyJ1cmwiOiJhc3NldHMifSwiOGswQkNQRUtSIjp7InVybCI6ImNhc2Utc3R1ZGllcyJ9LCJaWFk5Q0dmeEciOnsidXJsIjoibWVzc2FnZS11cyJ9LCJGOS1rZ1lIYjgiOnsidXJsIjoiY29kZS1hcmJpdHJhZ2UifSwiRmhia0NZcUtGIjp7InVybCI6ImxlYXJuLXRvLWNvZGUifX0=","popups":[{"type":"Standard","delay":"0","pages":["6iEDNuKNo"],"parsed":"false","width":"1020","behaviour":null,"appearingAnimation":null,"leavingAnimation":null,"showOptionSelected":"show","name":"Popup 1","id":"xjvPKiKA0"},{"type":"Standard","delay":"0","pages":["HsWzvhR-TA","54QCdywD-","Nd54eHCJy","4bwMeuvy6","DF7b2xyvP","NpzAmDurB","Jzdvo3yszr","nVD_wWohIg"],"parsed":"false","width":"1020","behaviour":null,"appearingAnimation":null,"leavingAnimation":null,"showOptionSelected":"show","name":"Access Dentistry Training","id":"gs82KoYRq"},{"type":"Standard","delay":"0","pages":["QDOFD0ei-k"],"parsed":"false","width":"1020","behaviour":null,"appearingAnimation":null,"leavingAnimation":null,"showOptionSelected":"show","name":"Appt Setter","id":"zbzL1snyu"},{"type":"Standard","delay":"0","pages":["L1chxgLRQv","YFLGIMvUnA"],"parsed":"false","width":"1020","behaviour":null,"appearingAnimation":null,"leavingAnimation":null,"showOptionSelected":"show","name":"RE Training","id":"1CmeJG0K7"},{"type":"Standard","delay":"0","pages":["6A1rpXhePh"],"parsed":"false","width":"1020","behaviour":null,"appearingAnimation":null,"leavingAnimation":null,"showOptionSelected":"show","closeButtonSize":"small","name":"Ecom Course","id":"_1Z61q-xX"},{"type":"Standard","delay":"0","width":"1020","parsed":"false","name":"Popup 6","id":"s3BK26TYl"},{"type":"Standard","delay":"0","width":"1020","parsed":"false","name":"Popup 6","id":"op9w_i8eFZ"},{"type":"Standard","delay":"0","width":"1020","parsed":"false","name":"Service REQUEST","id":"mLIpPwVDi_"},{"type":"Standard","delay":"0","pages":["pj4T6dpeF","-YGC4-N4q","8k0BCPEKR","ZXY9CGfxG"],"parsed":"false","width":"1020","behaviour":null,"appearingAnimation":null,"leavingAnimation":null,"showOptionSelected":"show","closeButtonSize":"small","name":"10Business.Tips","id":"7O3_X75uY"}],"navigation":[{"url":"index","name":"Home","megamenu":null,"megamenuHideScreens":[],"megamenuAlignment":null,"megamenuMaxWidth":null,"children":[]},{"url":"code-arbitrage","name":"Code Arbitrage","megamenu":null,"megamenuHideScreens":[],"megamenuAlignment":null,"megamenuMaxWidth":null,"children":[]},{"url":"message-us","name":"Message Us","megamenu":null,"megamenuHideScreens":[],"megamenuAlignment":null,"megamenuMaxWidth":null,"children":[]}],"baseURL":"https://v1.gdapis.com/api"}, "61fbf5dac9e6331d673413f5");
242            if(!window.inBuilder && window.websiteurl) {
243              const separator = window.websiteurl.charAt(window.websiteurl.length-1) === '/'?'':'/';
244
245              for (const page in window.site.pages) {
246                window.site.pages[page].url = window.websiteurl + separator + window.site.pages[page]?.url;
247              }
248            }
249            if (window.site) window.encodeSite = undefined;
250            site.subscribed = [];
251            site.subscribe = callback => {
252              site.subscribed.push(callback);
253            };
254            var clearSiteCheck = setInterval(function() {
255              if (window.site.isProxy) {
256                window.dispatchEvent(new Event('settingsLoaded'));
257                clearInterval(clearSiteCheck);
258              }
259            }, 250);
260          }
261        };
262        document.readyState !== 'loading' ? populateSiteSettings() : document.addEventListener("DOMContentLoaded", populateSiteSettings);
263      })();
264    </script>
264<div id="page-container" data-gp-page-id="pj4T6dpeF">
265      <div class="blocks-container" id="blocks-container">
266        
267        
268        
269        
270        
271        
272        
273        
274        
275        
276        
277        
278        
279        
280        
281        
282        
283        
284        
285        
286        
287        
288        
289        
290        
291        
292        
293        
294        <section class="gp-component gp-component-id-OnrTxQOQb" data-gp-component="block" data-gp-style="" data-gp-block-id="12345042" data-gp-block="true" data-gp-block-data="{&quot;id&quot;:12345042,&quot;type&quot;:&quot;block&quot;,&quot;thumbnail&quot;:&quot;//assets.grooveapps.com/pages-previews/64391d5ab0f46.png&quot;,&quot;category&quot;:&quot;Alert bars&quot;,&quot;tag&quot;:&quot;designed&quot;,&quot;user_id&quot;:&quot;b48d34ec-b678-470d-a13e-73f6ee7f85c9&quot;,&quot;filename&quot;:null,&quot;height&quot;:50,&quot;global&quot;:1,&quot;tailwind&quot;:0}" data-gp-component-id="OnrTxQOQb" data-gp-block-type="block" id="OnrTxQOQb" tabindex="0" style=""><a name="OnrTxQOQb" data-gp-block-anchor=""></a>
295        <div class="" data-section-overlay=""></div>
296        <div class="gp-component gp-component-id-4pZ86OHtV1" data-gp-container="" data-gp-style="" data-gp-component-id="4pZ86OHtV1" data-gp-component="container" tabindex="0"><div class="gp-component gp-component-id-Ae2AsglLW7" data-gp-dnd="" data-gp-style="" data-gp-component="layout-1" data-gp-component-id="Ae2AsglLW7" tabindex="0">
297      <div class="gp-component-id-M394AQPjtb">
298        <div class="gp-component-id-kqB8WyHdSj" data-gp-grid-col="">
299          <div class="gp-component gp-component-id-pU1TSfTChW relative" data-gp-container="" data-gp-style="" data-gp-dnd="" data-gp-component="container" data-gp-component-id="pU1TSfTChW">
300      
301      
302      
303      
304      <li class="gp-component gp-component-id-RLLpXecMVc" data-gp-dnd="" data-gp-style="" data-gp-component="list-icon" data-gp-component-id="RLLpXecMVc" tabindex="0" style="">
305							<a class="gp-component gp-component-id-fRNCuJParo" data-gp-button-id="Bk6tcGCJi" data-gp-style="" data-gp-dnd="" data-gp-component="fa-icon" data-gp-component-id="fRNCuJParo"><span class="fas fa-microphone-alt" aria-hidden="true"></span> </a>
306							<div class="gp-text-container gp-component gp-component-id-6o1YO4j1fU" data-gp-style="" data-gp-text="" data-gp-component-id="6o1YO4j1fU" data-gp-component="null"><p class="gp-component-id-6efTHCcnPT" data-id="quill-node-0">How : 'App Business Discovery' - Full Access to Private Membership!</p></div>
307						</li>
308      
309    
310      
311    
312      
313    
314      
315    
316      <a data-gp-button-id="NsJAH0q0u" class="gp-container-link data-gp-no-parser">
317        
317<script id="script-7l1x1ecyw">
318          ['settingsLoaded','megamenuLoaded'].forEach(myEvent => {
319            window.addEventListener(myEvent,function() {
320              if (document.body.classList.contains('gpblsh')) {
321                document.addEventListener('click', function(e) {
322                  if (e.target.matches('[data-gp-button-id="NsJAH0q0u"], [data-gp-button-id="NsJAH0q0u"] :scope')) {
323                    document.querySelector('[data-gp-popup-id="7O3_X75uY"]').classList.remove('hidden-popup');
324                  }
325                });
326              }
327            });
328          });
329        </script>
329
330        </a>
331    </div>
332        </div>
333      </div>
334    </div></div>
335    </section>
336    <section class="gp-component-id-H3OJ0RpSo gp-component" data-gp-component="block" data-gp-style="" data-gp-block="true" data-gp-component-id="H3OJ0RpSo" tabindex="0" id="H3OJ0RpSo" style=""><a name="H3OJ0RpSo" data-gp-block-anchor=""></a>
337        <div class="" data-section-overlay=""></div>
338        <div class="gp-component-id-Vv07lLjgZD gp-component" data-gp-container="" data-gp-style="" data-gp-component-id="Vv07lLjgZD" data-gp-component="container" tabindex="0"><div data-gp-dnd="" data-gp-embed="YUMymqRHz" data-gp-component="embed" class="gp-component-id-NJexTEnsL gp-component" data-gp-component-id="NJexTEnsL" style="" gp-embed-content="&lt;style&gt;
339/* * CSS for the container and content 
340 */
341.reveal-container {
342    position: relative;
343    width: 100%;
344    height: 500px; /* Container height */
345    background-image: radial-gradient(circle, #00FF00 0%, #008000 100%); /* Radial gradient background */
346    overflow: hidden;
347    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
348    color: white;
349}
350
351#particleCanvas {
352    position: absolute;
353    top: 0;
354    left: 0;
355    z-index: 10;
356    pointer-events: auto;
357}
358
359/* Base styles for all cards */
360.process-card {
361    position: absolute;
362    width: 180px;
363    height: 180px;
364    background: rgba(44, 44, 44, 0.9);
365    border: 1px solid rgba(255, 255, 255, 0.2);
366    border-radius: 12px;
367    display: flex;
368    flex-direction: column;
369    justify-content: center;
370    align-items: center;
371    text-align: center;
372    z-index: 5;
373    padding: 10px;
374    
375    /* Center the card on its position */
376    transform: translate(-50%, -50%); 
377    
378    /* Initial state: Hidden and set up for transition */
379    opacity: 0;
380    transition: opacity 0.5s ease-in-out; 
381}
382
383.process-card.visible {
384    opacity: 1; /* Revealed state */
385}
386
387.process-card h2 {
388    font-size: 1.5em;
389    margin-bottom: 5px;
390    color: #00bcd4;
391}
392
393.process-card p {
394    font-size: 0.9em;
395    color: #ccc;
396}
397
398/* Optional: Instruction text that should disappear */
399.instruction-text {
400    position: absolute;
401    top: 50%;
402    left: 50%;
403    transform: translate(-50%, -50%);
404    color: rgba(255, 255, 255, 0.8);
405    font-size: 1.8em;
406    font-weight: 300;
407    pointer-events: none;
408    z-index: 15;
409    transition: opacity 0.3s ease;
410}
411
412/* Class to hide the instruction text */
413.instruction-hidden {
414    opacity: 0 !important;
415}
416&lt;/style&gt;
417
418&lt;div class=&quot;reveal-container&quot;&gt;
419    &lt;canvas id=&quot;particleCanvas&quot;&gt;&lt;/canvas&gt;
420    
421    &lt;div class=&quot;instruction-text&quot; id=&quot;instructionText&quot;&gt;
422        Hover to clear the cloud and reveal the stages.
423    &lt;/div&gt;
424
425    &lt;div class=&quot;process-card&quot; id=&quot;card-0&quot;&gt;
426        &lt;h2&gt;Discovery&lt;/h2&gt;
427        &lt;p&gt;Research and requirements gathering.&lt;/p&gt;
428    &lt;/div&gt;
429    &lt;div class=&quot;process-card&quot; id=&quot;card-1&quot;&gt;
430        &lt;h2&gt;Prototyping&lt;/h2&gt;
431        &lt;p&gt;Wireframes, mockups, and testing.&lt;/p&gt;
432    &lt;/div&gt;
433    &lt;div class=&quot;process-card&quot; id=&quot;card-2&quot;&gt;
434        &lt;h2&gt;Build&lt;/h2&gt;
435        &lt;p&gt;Development and implementation phase.&lt;/p&gt;
436    &lt;/div&gt;
437    &lt;div class=&quot;process-card&quot; id=&quot;card-3&quot;&gt;
438        &lt;h2&gt;Live&lt;/h2&gt;
439        &lt;p&gt;Deployment, monitoring, and maintenance.&lt;/p&gt;
440    &lt;/div&gt;
441&lt;/div&gt;
442
443&lt;script&gt;
444//
445// JAVASCRIPT for the Particle Repel Effect with Hidden Cards
446//
447const canvas = document.getElementById('particleCanvas');
448const ctx = canvas.getContext('2d');
449const container = document.querySelector('.reveal-container');
450const instructionText = document.getElementById('instructionText');
451const cards = [
452    document.getElementById('card-0'),
453    document.getElementById('card-1'),
454    document.getElementById('card-2'),
455    document.getElementById('card-3')
456];
457
458let particles = [];
459let mouse = { x: null, y: null, radius: 100 }; // Repel influence radius
460const CARD_POSITIONS = []; // Stores the final X/Y for each card center
461
462// --- Utility Functions ---
463
464function resizeCanvas() {
465    canvas.width = container.offsetWidth;
466    canvas.height = container.offsetHeight;
467    positionCards();
468}
469
470// Function to calculate and set the position of the 4 cards
471function positionCards() {
472    CARD_POSITIONS.length = 0;
473    const containerCenterX = canvas.width / 2;
474    const containerCenterY = canvas.height / 2;
475    const cycleRadius = 150; 
476    const nodeAngles = [0, 90, 180, 270]; // Top, Right, Bottom, Left
477    
478    nodeAngles.forEach((angleDeg, index) =&gt; {
479        const angleRad = angleDeg * (Math.PI / 180); 
480        
481        const nodeX = containerCenterX + cycleRadius * Math.cos(angleRad);
482        const nodeY = containerCenterY + cycleRadius * Math.sin(angleRad);
483
484        // Store the position for visibility check
485        CARD_POSITIONS.push({ x: nodeX, y: nodeY });
486
487        // Position the corresponding card element
488        cards[index].style.left = `${nodeX}px`;
489        cards[index].style.top = `${nodeY}px`;
490    });
491}
492
493// --- Particle Logic ---
494
495class Particle {
496    constructor(baseX, baseY) {
497        this.baseX = baseX;
498        this.baseY = baseY;
499        this.x = baseX; // Start at base X/Y
500        this.y = baseY; // Start at base X/Y
501        this.radius = 2;
502        this.color = 'rgba(255, 255, 255, 0.8)';
503        this.density = (Math.random() * 10) + 1;
504        this.vx = 0;
505        this.vy = 0;
506    }
507
508    draw() {
509        ctx.fillStyle = this.color;
510        ctx.beginPath();
511        ctx.arc(this.x, this.y, this.radius, 0, Math.PI * 2);
512        ctx.fill();
513    }
514
515    update() {
516        // --- JITTER EFFECT ADDED HERE ---
517        this.baseX += Math.random() * 0.5 - 0.25; 
518        this.baseY += Math.random() * 0.5 - 0.25;
519        // ---------------------------------
520        
521        // Calculate distance to mouse for repulsion
522        const dx = this.x - mouse.x;
523        const dy = this.y - mouse.y;
524        const distance = Math.sqrt(dx * dx + dy * dy);
525
526        if (distance &lt; mouse.radius) {
527            const forceDirectionX = dx / distance;
528            const forceDirectionY = dy / distance;
529            const maxDistance = mouse.radius;
530            const force = (maxDistance - distance) / maxDistance; 
531            const directionX = forceDirectionX * force * this.density;
532            const directionY = forceDirectionY * force * this.density;
533
534            this.vx += directionX;
535            this.vy += directionY;
536        }
537
538        // Return to base position (Restorative Force)
539        const dx_base = this.x - this.baseX;
540        const dy_base = this.y - this.baseY;
541        const dist_base = Math.sqrt(dx_base * dx_base + dy_base * dy_base);
542        const friction = 0.95; 
543
544        this.vx *= friction;
545        this.vy *= friction;
546        
547        if (dist_base &gt; 1) {
548            this.vx -= dx_base / 20; 
549            this.vy -= dy_base / 20;
550        }
551
552        this.x += this.vx;
553        this.y += this.vy;
554        
555        this.draw();
556    }
557}
558
559// Function to initialize particles randomly across the container area
560function initParticles() {
561    particles = [];
562    const particleCount = 800; // Increased particle count
563    
564    // Create one large node by scattering particles randomly across the center area
565    const scatterAreaWidth = canvas.width * 0.8;
566    const scatterAreaHeight = canvas.height * 0.8;
567    const startX = canvas.width * 0.1;
568    const startY = canvas.height * 0.1;
569
570    for (let i = 0; i &lt; particleCount; i++) {
571        // Base X/Y are random within a central area
572        const baseX = startX + Math.random() * scatterAreaWidth;
573        const baseY = startY + Math.random() * scatterAreaHeight;
574        particles.push(new Particle(baseX, baseY));
575    }
576}
577
578// Function to check card visibility based on mouse position
579function updateCardVisibility() {
580    const revealRadius = 150; // The mouse must be this close to the card center to reveal it
581
582    CARD_POSITIONS.forEach((pos, index) =&gt; {
583        const dx = pos.x - mouse.x;
584        const dy = pos.y - mouse.y;
585        const distance = Math.sqrt(dx * dx + dy * dy);
586
587        if (distance &lt; revealRadius &amp;&amp; mouse.x !== null) {
588            // Mouse is close: reveal the card
589            cards[index].classList.add('visible');
590        } else {
591            // Mouse is far or gone: hide the card
592            cards[index].classList.remove('visible');
593        }
594    });
595}
596
597// Animation loop
598function animate() {
599    requestAnimationFrame(animate);
600    ctx.clearRect(0, 0, canvas.width, canvas.height);
601
602    particles.forEach(particle =&gt; {
603        particle.update();
604    });
605
606    // Run the card visibility check in the animation loop
607    updateCardVisibility(); 
608}
609
610// --- Event Listeners and Initialization ---
611
612window.addEventListener('resize', () =&gt; {
613    resizeCanvas();
614    initParticles(); 
615});
616
617let isMouseOverCanvas = false;
618
619canvas.addEventListener('mousemove', (e) =&gt; {
620    // Hide instruction text on first interaction
621    if (!isMouseOverCanvas) {
622        isMouseOverCanvas = true;
623        instructionText.classList.add('instruction-hidden');
624    }
625
626    // Get mouse position relative to the canvas
627    const rect = canvas.getBoundingClientRect();
628    mouse.x = e.clientX - rect.left;
629    mouse.y = e.clientY - rect.top;
630});
631
632canvas.addEventListener('mouseleave', () =&gt; {
633    // Reset mouse position when cursor leaves canvas
634    mouse.x = null;
635    mouse.y = null;
636});
637
638// Initialization
639resizeCanvas();
640initParticles();
641animate();
642&lt;/script&gt;" tabindex="0"><style>
643/* * CSS for the container and content 
644 */
645.reveal-container {
646    position: relative;
647    width: 100%;
648    height: 500px; /* Container height */
649    background-image: radial-gradient(circle, #00FF00 0%, #008000 100%); /* Radial gradient background */
650    overflow: hidden;
651    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
652    color: white;
653}
654
655#particleCanvas {
656    position: absolute;
657    top: 0;
658    left: 0;
659    z-index: 10;
660    pointer-events: auto;
661}
662
663/* Base styles for all cards */
664.process-card {
665    position: absolute;
666    width: 180px;
667    height: 180px;
668    background: rgba(44, 44, 44, 0.9);
669    border: 1px solid rgba(255, 255, 255, 0.2);
670    border-radius: 12px;
671    display: flex;
672    flex-direction: column;
673    justify-content: center;
674    align-items: center;
675    text-align: center;
676    z-index: 5;
677    padding: 10px;
678    
679    /* Center the card on its position */
680    transform: translate(-50%, -50%); 
681    
682    /* Initial state: Hidden and set up for transition */
683    opacity: 0;
684    transition: opacity 0.5s ease-in-out; 
685}
686
687.process-card.visible {
688    opacity: 1; /* Revealed state */
689}
690
691.process-card h2 {
692    font-size: 1.5em;
693    margin-bottom: 5px;
694    color: #00bcd4;
695}
696
697.process-card p {
698    font-size: 0.9em;
699    color: #ccc;
700}
701
702/* Optional: Instruction text that should disappear */
703.instruction-text {
704    position: absolute;
705    top: 50%;
706    left: 50%;
707    transform: translate(-50%, -50%);
708    color: rgba(255, 255, 255, 0.8);
709    font-size: 1.8em;
710    font-weight: 300;
711    pointer-events: none;
712    z-index: 15;
713    transition: opacity 0.3s ease;
714}
715
716/* Class to hide the instruction text */
717.instruction-hidden {
718    opacity: 0 !important;
719}
720</style>
721
722<div class="reveal-container">
723    <canvas id="particleCanvas"></canvas>
724    
725    <div class="instruction-text" id="instructionText">
726        Hover to clear the cloud and reveal the stages.
727    </div>
728
729    <div class="process-card" id="card-0">
730        <h2>Discovery</h2>
731        <p>Research and requirements gathering.</p>
732    </div>
733    <div class="process-card" id="card-1">
734        <h2>Prototyping</h2>
735        <p>Wireframes, mockups, and testing.</p>
736    </div>
737    <div class="process-card" id="card-2">
738        <h2>Build</h2>
739        <p>Development and implementation phase.</p>
740    </div>
741    <div class="process-card" id="card-3">
742        <h2>Live</h2>
743        <p>Deployment, monitoring, and maintenance.</p>
744    </div>
745</div>
746
747<script>
748//
749// JAVASCRIPT for the Particle Repel Effect with Hidden Cards
750//
751const canvas = document.getElementById('particleCanvas');
752const ctx = canvas.getContext('2d');
753const container = document.querySelector('.reveal-container');
754const instructionText = document.getElementById('instructionText');
755const cards = [
756    document.getElementById('card-0'),
757    document.getElementById('card-1'),
758    document.getElementById('card-2'),
759    document.getElementById('card-3')
760];
761
762let particles = [];
763let mouse = { x: null, y: null, radius: 100 }; // Repel influence radius
764const CARD_POSITIONS = []; // Stores the final X/Y for each card center
765
766// --- Utility Functions ---
767
768function resizeCanvas() {
769    canvas.width = container.offsetWidth;
770    canvas.height = container.offsetHeight;
771    positionCards();
772}
773
774// Function to calculate and set the position of the 4 cards
775function positionCards() {
776    CARD_POSITIONS.length = 0;
777    const containerCenterX = canvas.width / 2;
778    const containerCenterY = canvas.height / 2;
779    const cycleRadius = 150; 
780    const nodeAngles = [0, 90, 180, 270]; // Top, Right, Bottom, Left
781    
782    nodeAngles.forEach((angleDeg, index) => {
783        const angleRad = angleDeg * (Math.PI / 180); 
784        
785        const nodeX = containerCenterX + cycleRadius * Math.cos(angleRad);
786        const nodeY = containerCenterY + cycleRadius * Math.sin(angleRad);
787
788        // Store the position for visibility check
789        CARD_POSITIONS.push({ x: nodeX, y: nodeY });
790
791        // Position the corresponding card element
792        cards[index].style.left = `${nodeX}px`;
793        cards[index].style.top = `${nodeY}px`;
794    });
795}
796
797// --- Particle Logic ---
798
799class Particle {
800    constructor(baseX, baseY) {
801        this.baseX = baseX;
802        this.baseY = baseY;
803        this.x = baseX; // Start at base X/Y
804        this.y = baseY; // Start at base X/Y
805        this.radius = 2;
806        this.color = 'rgba(255, 255, 255, 0.8)';
807        this.density = (Math.random() * 10) + 1;
808        this.vx = 0;
809        this.vy = 0;
810    }
811
812    draw() {
813        ctx.fillStyle = this.color;
814        ctx.beginPath();
815        ctx.arc(this.x, this.y, this.radius, 0, Math.PI * 2);
816        ctx.fill();
817    }
818
819    update() {
820        // --- JITTER EFFECT ADDED HERE ---
821        this.baseX += Math.random() * 0.5 - 0.25; 
822        this.baseY += Math.random() * 0.5 - 0.25;
823        // ---------------------------------
824        
825        // Calculate distance to mouse for repulsion
826        const dx = this.x - mouse.x;
827        const dy = this.y - mouse.y;
828        const distance = Math.sqrt(dx * dx + dy * dy);
829
830        if (distance < mouse.radius) {
831            const forceDirectionX = dx / distance;
832            const forceDirectionY = dy / distance;
833            const maxDistance = mouse.radius;
834            const force = (maxDistance - distance) / maxDistance; 
835            const directionX = forceDirectionX * force * this.density;
836            const directionY = forceDirectionY * force * this.density;
837
838            this.vx += directionX;
839            this.vy += directionY;
840        }
841
842        // Return to base position (Restorative Force)
843        const dx_base = this.x - this.baseX;
844        const dy_base = this.y - this.baseY;
845        const dist_base = Math.sqrt(dx_base * dx_base + dy_base * dy_base);
846        const friction = 0.95; 
847
848        this.vx *= friction;
849        this.vy *= friction;
850        
851        if (dist_base > 1) {
852            this.vx -= dx_base / 20; 
853            this.vy -= dy_base / 20;
854        }
855
856        this.x += this.vx;
857        this.y += this.vy;
858        
859        this.draw();
860    }
861}
862
863// Function to initialize particles randomly across the container area
864function initParticles() {
865    particles = [];
866    const particleCount = 800; // Increased particle count
867    
868    // Create one large node by scattering particles randomly across the center area
869    const scatterAreaWidth = canvas.width * 0.8;
870    const scatterAreaHeight = canvas.height * 0.8;
871    const startX = canvas.width * 0.1;
872    const startY = canvas.height * 0.1;
873
874    for (let i = 0; i < particleCount; i++) {
875        // Base X/Y are random within a central area
876        const baseX = startX + Math.random() * scatterAreaWidth;
877        const baseY = startY + Math.random() * scatterAreaHeight;
878        particles.push(new Particle(baseX, baseY));
879    }
880}
881
882// Function to check card visibility based on mouse position
883function updateCardVisibility() {
884    const revealRadius = 150; // The mouse must be this close to the card center to reveal it
885
886    CARD_POSITIONS.forEach((pos, index) => {
887        const dx = pos.x - mouse.x;
888        const dy = pos.y - mouse.y;
889        const distance = Math.sqrt(dx * dx + dy * dy);
890
891        if (distance < revealRadius && mouse.x !== null) {
892            // Mouse is close: reveal the card
893            cards[index].classList.add('visible');
894        } else {
895            // Mouse is far or gone: hide the card
896            cards[index].classList.remove('visible');
897        }
898    });
899}
900
901// Animation loop
902function animate() {
903    requestAnimationFrame(animate);
904    ctx.clearRect(0, 0, canvas.width, canvas.height);
905
906    particles.forEach(particle => {
907        particle.update();
908    });
909
910    // Run the card visibility check in the animation loop
911    updateCardVisibility(); 
912}
913
914// --- Event Listeners and Initialization ---
915
916window.addEventListener('resize', () => {
917    resizeCanvas();
918    initParticles(); 
919});
920
921let isMouseOverCanvas = false;
922
923canvas.addEventListener('mousemove', (e) => {
924    // Hide instruction text on first interaction
925    if (!isMouseOverCanvas) {
926        isMouseOverCanvas = true;
927        instructionText.classList.add('instruction-hidden');
928    }
929
930    // Get mouse position relative to the canvas
931    const rect = canvas.getBoundingClientRect();
932    mouse.x = e.clientX - rect.left;
933    mouse.y = e.clientY - rect.top;
934});
935
936canvas.addEventListener('mouseleave', () => {
937    // Reset mouse position when cursor leaves canvas
938    mouse.x = null;
939    mouse.y = null;
940});
941
942// Initialization
943resizeCanvas();
944initParticles();
945animate();
946</script>
946</div></div>
947    </section><section class="gp-component gp-component-id-0eGHdNn8qM" data-gp-component="block" data-gp-style="" data-gp-block="true" data-gp-component-id="0eGHdNn8qM" tabindex="0" data-gp-block-id="15008" data-gp-block-type="block" data-gp-block-data="{&quot;id&quot;:15008,&quot;type&quot;:&quot;block&quot;,&quot;thumbnail&quot;:&quot;https://assets.grooveapps.com/pages-previews/5f76f517c6d13.png&quot;,&quot;category&quot;:&quot;Team&quot;,&quot;tag&quot;:&quot;designed&quot;,&quot;user_id&quot;:&quot;global&quot;,&quot;filename&quot;:null,&quot;height&quot;:0,&quot;global&quot;:1,&quot;tailwind&quot;:0}" id="0eGHdNn8qM" style=""><a name="0eGHdNn8qM" data-gp-block-anchor=""></a>
948        <div class="" data-section-overlay=""></div>
949        <div class="gp-component gp-component-id-LFLcHboggn" data-gp-container="" data-gp-style="true" data-gp-component-id="LFLcHboggn" data-gp-component="null" tabindex="0">
950            <div class="gp-component gp-component-id-3mWgIWoq9g" data-gp-component="layout-1" data-gp-dnd="" data-gp-style="" data-gp-component-id="3mWgIWoq9g" tabindex="0">
951                <div class="gp-component-id-5tz2qRkVVmo">
952                    <div class="gp-component-id-8BYzbQE1Tpd" data-gp-grid-col="">
953                        <div class="gp-component gp-component-id-njVDQL2F03" data-gp-container="" data-gp-style="true" data-gp-component-id="njVDQL2F03" data-gp-component="null" tabindex="0"><div class="gp-text-container gp-component gp-component-id-b3f3975r8C" data-gp-style="" data-gp-text="" data-gp-component="text_1" data-gp-dnd="" data-gp-component-id="b3f3975r8C" tabindex="0" style=""><h2 class="gp-component-id-bNXgaT9j32" data-id="quill-node-0">People we made a difference with</h2></div><div class="gp-component gp-component-id-vuS3w20NgJ" data-gp-dnd="" data-gp-style="" data-gp-component="layout-3-3-3" data-gp-component-id="vuS3w20NgJ" tabindex="0" style="">
954      <div class="gp-component-id-BXHO2ECpsmK">
955        <div class="gp-component-id-Y7mDsjSVMDS" data-gp-grid-col="">
956          <div class="gp-component gp-component-id-Nsh4s1RwEZ" data-gp-container="" data-gp-style="true" data-gp-component-id="Nsh4s1RwEZ" data-gp-component="container" tabindex="0"><img src="https://images.groovetech.io/hnROKulSi3YsY0HQ-5wWaEGskz4yDBqhfmDuj5Z0vGY/rs:fit:0:0:0/g:no:0:0/c:0:0/aHR0cHM6Ly9hc3NldHMuZ3Jvb3ZlYXBwcy5jb20vaW1hZ2VzLzVlZjliOWM3ZGQxZjYwMDAxOWZkZGMwYi8xNjg5MTM4NzU1X3BpbmRyb3AucG5n.webp" alt="" class="rounded-full w-48 h-48 object-cover object-center gp-component gp-component-id-GgSbVlRKgp" data-gp-style="" data-gp-dnd="" data-gp-component="image-round" data-gp-component-id="GgSbVlRKgp" tabindex="0"><div class="gp-text-container gp-component gp-component-id-gYaaz4L2gb" data-gp-style="" data-gp-text="" data-gp-component="text_2" data-gp-dnd="" data-gp-component-id="gYaaz4L2gb" style="" tabindex="0"><h3 class="gp-component-id-v1yDiyXWRc" data-id="quill-node-0">Map Tracker</h3></div><a target="_blank" rel="noopener noreferrer" href="https://apps.apple.com/us/app/map-tracker-pin-organizer/id6451098548" data-gp-button-id="tn4G5Wa-X" class="block gp-component gp-component-id-atB6gQH3t" data-gp-style="" data-gp-dnd="" data-gp-component="link" data-gp-component-id="atB6gQH3t">See in App Store </a></div>
957        </div>
958        <div class="gp-component-id-BOHjWAJUsZ0" data-gp-grid-col="">
959          <div class="gp-component gp-component-id-YI1NnwjjXo" data-gp-container="" data-gp-style="true" data-gp-component-id="YI1NnwjjXo" data-gp-component="container" tabindex="0"><img src="https://images.groovetech.io/Znuc8pc-Mvd0Zhgx4m1TY6QqsjZAzS2K0QObJCQsKNs/rs:fit:0:0:0/g:no:0:0/c:0:0/aHR0cHM6Ly9hc3NldHMuZ3Jvb3ZlYXBwcy5jb20vaW1hZ2VzLzVlZjliOWM3ZGQxZjYwMDAxOWZkZGMwYi8xNzIwOTQ1MTM1X0lNRzBFRTQ1QjA5QzYxMzEuanBlZw.webp" alt="" class="rounded-full w-48 h-48 object-cover object-center inline-flex items-start justify-start gp-component gp-component-id-G2c5ZXJ2VN" data-gp-style="" data-gp-dnd="" data-gp-component="image-round" data-gp-component-id="G2c5ZXJ2VN" tabindex="0"><div class="gp-text-container gp-component gp-component-id-SxiXwyBS8ZY" data-gp-style="" data-gp-text="" data-gp-component="text_2" data-gp-dnd="" data-gp-component-id="SxiXwyBS8ZY" style="" tabindex="0"><h3 class="gp-component-id-pF45M6gsaEm" data-id="quill-node-0">Events</h3></div><a target="_blank" rel="noopener noreferrer" href="https://apps.apple.com/us/app/evntos/id6737754883" data-gp-button-id="KFB_oZmtf" class="block gp-component gp-component-id-xW8YA_fBW_" data-gp-style="" data-gp-dnd="" data-gp-component="link" data-gp-component-id="xW8YA_fBW_">See in App Store </a></div>
960        </div>
961        <div class="gp-component-id-VvVDEPCRWfS" data-gp-grid-col="">
962          <div class="gp-component gp-component-id-ETIQuQd4h5F" data-gp-container="" data-gp-style="true" data-gp-component-id="ETIQuQd4h5F" data-gp-component="container" tabindex="0"><img src="https://images.groovetech.io/5kNnrI6Cjn6a_rlwCoe-3Z047wRqo6wvXLFPoUPt3Ic/rs:fit:0:0:0/g:no:0:0/c:0:0/aHR0cHM6Ly9hc3NldHMuZ3Jvb3ZlYXBwcy5jb20vaW1hZ2VzLzVlZjliOWM3ZGQxZjYwMDAxOWZkZGMwYi8xNzI1MzM2NTQzX1NjcmVlbnNob3QyMDI0MDkwMmF0OTA4MTBQTS5wbmc.webp" alt="" class="rounded-full w-48 h-48 object-cover object-center gp-component gp-component-id-1q_vhgrloLg" data-gp-style="" data-gp-dnd="" data-gp-component="image-round" data-gp-component-id="1q_vhgrloLg" tabindex="0"><div class="gp-text-container gp-component gp-component-id-TuPTL_UO4O5" data-gp-style="" data-gp-text="" data-gp-component="text_2" data-gp-dnd="" data-gp-component-id="TuPTL_UO4O5" style="" tabindex="0"><h3 class="gp-component-id-2OXjIa4ATvY" data-id="quill-node-0">moneyGames</h3></div><a data-gp-button-id="crQWTkG2P" class="block gp-component gp-component-id-JK9JqvJXw" data-gp-style="" data-gp-dnd="" data-gp-component="link" data-gp-component-id="JK9JqvJXw">See in App Store </a></div>
963        </div>
964      </div>
965    </div></div>
966                    </div>
967                </div>
968            </div>
969        </div>
970    </section><section class="gp-component-id-LHF4E1GTk gp-component" data-gp-component="block" data-gp-style="" data-gp-block-id="11994" data-gp-block="true" data-gp-block-type="block" data-gp-block-data="{&quot;id&quot;:11994,&quot;type&quot;:&quot;block&quot;,&quot;thumbnail&quot;:&quot;https://assets.grooveapps.com/elements-previews/thumbs/content-blue-6.png&quot;,&quot;category&quot;:&quot;Content&quot;,&quot;tag&quot;:&quot;designed&quot;,&quot;user_id&quot;:&quot;global&quot;,&quot;filename&quot;:&quot;_content_24&quot;,&quot;height&quot;:0,&quot;global&quot;:1,&quot;tailwind&quot;:1}" data-gp-component-id="LHF4E1GTk" id="LHF4E1GTk" tabindex="0"><a name="LHF4E1GTk" data-gp-block-anchor=""></a>
971        <div class="" data-section-overlay=""></div>
972        <div class="gp-component-id-R02VmgvqFK gp-component" data-gp-container="" data-gp-style="" data-gp-component-id="R02VmgvqFK" data-gp-component="container" tabindex="0" data-gp-overlay="false"><div class="gp-text-container gp-component gp-component-id-S8N2DY_zvV" data-gp-style="" data-gp-text="" data-gp-dnd="" data-gp-component-id="S8N2DY_zvV" data-gp-component="null" style="" tabindex="0"><p class="gp-component-id-9N1qfYf70O" data-id="quill-node-0">
972Allow me to build and release a software infrastructure in your ever-growing portfolio&nbsp;</p></div></div>
973    </section>
974    
975    
976    
977    
978    <section class="gp-component gp-component-id-dmhYjVGUg" data-gp-component="block" data-gp-style="" data-gp-block="true" data-gp-component-id="dmhYjVGUg" tabindex="0" id="dmhYjVGUg"><a name="dmhYjVGUg" data-gp-block-anchor=""></a>
979        <div class="" data-section-overlay=""></div>
980        <div class="gp-component gp-component-id-Md43BTaHmo" data-gp-container="" data-gp-style="" data-gp-component-id="Md43BTaHmo" data-gp-component="container" tabindex="0"><div data-gp-dnd="" data-gp-embed="puh_J_b1R" data-gp-component="embed" class="gp-component-id-BBlWs2hHv gp-component" data-gp-component-id="BBlWs2hHv" gp-embed-content="&lt;style data-gp-styled-element=&quot;MrA0PLxyrzZ&quot; class=&quot;style-MrA0PLxyrzZ&quot;&gt; @media (max-width: 639px) { .gp-component-id-MrA0PLxyrzZ[data-gp-component] { margin-left: 0px;padding-left: 0px;padding-right: 0px;padding-bottom: 20px;position: relative; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-MrA0PLxyrzZ[data-gp-component] { margin-left: 0px;padding-left: 0px;padding-right: 0px;padding-bottom: 20px;position: relative; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-MrA0PLxyrzZ[data-gp-component] { margin-left: 0px;padding-left: 0px;padding-right: 0px;padding-bottom: 20px;position: relative; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-MrA0PLxyrzZ[data-gp-component] { margin-left: 0px;padding-left: 0px;padding-right: 0px;padding-bottom: 0px;position: relative; } } @media (min-width: 1200px) { .gp-component-id-MrA0PLxyrzZ[data-gp-component] { margin-left: 0px;padding-left: 0px;padding-right: 0px;padding-bottom: 0px;position: relative; } }&lt;/style&gt;
981
982&lt;style data-gp-styled-element=&quot;rb8BgEyzVH9&quot; class=&quot;style-rb8BgEyzVH9&quot;&gt; .gp-component-id-rb8BgEyzVH9 { display: inline-block;line-height: 1; } @media (max-width: 639px) { .gp-component-id-rb8BgEyzVH9 { display: inline-block;line-height: 1; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-rb8BgEyzVH9 { display: inline-block;line-height: 1; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-rb8BgEyzVH9 { display: inline-block;line-height: 1; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-rb8BgEyzVH9 { display: inline-block;line-height: 1; } } @media (min-width: 1200px) { .gp-component-id-rb8BgEyzVH9 { display: inline-block;line-height: 1; } }&lt;/style&gt;
983
984&lt;style data-gp-styled-element=&quot;Dv1s2bdCaB8&quot; class=&quot;style-Dv1s2bdCaB8&quot;&gt; .gp-component-id-Dv1s2bdCaB8 { color: rgb(255, 255, 255);align-items: center;display: inline-flex;cursor: pointer;background-image: initial;background-position-x: initial;background-position-y: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;background-color: transparent;padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;appearance: button;text-transform: none;overflow-x: visible;overflow-y: visible;font-family: inherit;font-size: 24px;line-height: 1.15;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;margin-left: 0px; } .gp-component-id-Dv1s2bdCaB8:focus,.gp-component-id-Dv1s2bdCaB8.gp-focus { outline-color: -webkit-focus-ring-color;outline-style: auto;outline-width: 5px; } @media (max-width: 639px) { .gp-component-id-Dv1s2bdCaB8 { color: rgb(255, 255, 255);align-items: center;display: inline-flex;cursor: pointer;background-image: initial;background-position-x: initial;background-position-y: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;background-color: transparent;padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;appearance: button;text-transform: none;overflow-x: visible;overflow-y: visible;font-family: inherit;font-size: 24px;line-height: 1.15;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;margin-left: 0px; } .gp-component-id-Dv1s2bdCaB8:focus,.gp-component-id-Dv1s2bdCaB8.gp-focus { outline-color: initial;outline-style: initial;outline-width: 0px; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-Dv1s2bdCaB8 { color: rgb(255, 255, 255);align-items: center;display: inline-flex;cursor: pointer;background-image: initial;
984background-position-x: initial;background-position-y: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;background-color: transparent;padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;appearance: button;text-transform: none;overflow-x: visible;overflow-y: visible;font-family: inherit;font-size: 24px;line-height: 1.15;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;margin-left: 0px; } .gp-component-id-Dv1s2bdCaB8:focus,.gp-component-id-Dv1s2bdCaB8.gp-focus { outline-color: initial;outline-style: initial;outline-width: 0px; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-Dv1s2bdCaB8 { color: rgb(255, 255, 255);align-items: center;display: inline-flex;cursor: pointer;background-image: initial;background-position-x: initial;background-position-y: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;background-color: transparent;padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;appearance: button;text-transform: none;overflow-x: visible;overflow-y: visible;font-family: inherit;font-size: 24px;line-height: 1.15;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;margin-left: 0px; } .gp-component-id-Dv1s2bdCaB8:focus,.gp-component-id-Dv1s2bdCaB8.gp-focus { outline-color: initial;outline-style: initial;outline-width: 0px; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-Dv1s2bdCaB8 { color: rgb(255, 255, 255);align-items: center;display: none;cursor: pointer;background-image: initial;background-position-x: initial;background-position-y: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;background-color: transparent;padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;appearance: button;text-transform: none;overflow-x: visible;overflow-y: visible;font-family: inherit;font-size: 24px;line-height: 1.15;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;margin-left: 0px; } .gp-component-id-Dv1s2bdCaB8:focus,.gp-component-id-Dv1s2bdCaB8.gp-focus { outline-color: initial;outline-style: initial;outline-width: 0px; } } @media (min-width: 1200px) { .gp-component-id-Dv1s2bdCaB8 { color: rgb(255, 255, 255);align-items: center;display: none;cursor: pointer;background-image: initial;background-position-x: initial;background-position-y: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;background-color: transparent;padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;appearance: button;text-transform: none;overflow-x: visible;overflow-y: visible;font-family: inherit;font-size: 24px;line-height: 1.15;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;margin-left: 0px; } .gp-component-id-Dv1s2bdCaB8:focus,.gp-component-id-Dv1s2bdCaB8.gp-focus { outline-color: initial;outline-style: initial;outline-width: 0px; } }&lt;/style&gt;
985
986&lt;style data-gp-styled-element=&quot;vCdc8bcV26&quot; class=&quot;style-vCdc8bcV26&quot;&gt; .gp-component-id-vCdc8bcV26 { text-decoration-color: initial;text-decoration-style: solid;text-decoration-thickness: inherit;text-decoration-line: none;cursor: pointer;background-color: transparent;color: inherit;display: block;padding-left: 16px;padding-right: 16px;padding-top: 16px;padding-bottom: 16px; } @media (max-width: 639px) { .gp-component-id-vCdc8bcV26 { text-decoration-color: initial;text-decoration-style: solid;text-decoration-thickness: inherit;text-decoration-line: none;cursor: pointer;background-color: transparent;color: inherit;display: block;padding-left: 16px;padding-right: 16px;padding-top: 16px;padding-bottom: 16px; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-vCdc8bcV26 { text-decoration-color: initial;text-decoration-style: solid;text-decoration-thickness: inherit;text-decoration-line: none;cursor: pointer;background-color: transparent;color: inherit;display: block;padding-left: 16px;padding-right: 16px;padding-top: 16px;padding-bottom: 16px; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-vCdc8bcV26 { text-decoration-color: initial;text-decoration-style: solid;text-decoration-thickness: inherit;text-decoration-line: none;cursor: pointer;background-color: transparent;color: inherit;display: block;padding-left: 16px;padding-right: 16px;padding-top: 16px;padding-bottom: 16px; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-vCdc8bcV26 { text-decoration-color: initial;text-decoration-style: solid;text-decoration-thickness: inherit;text-decoration-line: none;cursor: pointer;background-color: transparent;color: inherit;display: block;padding-left: 0px;padding-right: 0px;padding-top: 0px;padding-bottom: 0px; } } @media (min-width: 1200px) { .gp-component-id-vCdc8bcV26 { text-decoration-color: initial;text-decoration-style: solid;text-decoration-thickness: inherit;text-decoration-line: none;cursor: pointer;background-color: transparent;color: inherit;display: block;padding-left: 0px;padding-right: 0px;padding-top: 0px;padding-bottom: 0px; } }&lt;/style&gt;
987
988&lt;style data-gp-styled-element=&quot;qiLSLAfswAJ&quot; class=&quot;style-qiLSLAfswAJ&quot;&gt; @media (max-width: 639px) { .gp-component-id-qiLSLAfswAJ { font-size: 20px;color: rgb(255, 255, 255);background-color: rgb(252, 160, 53); } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-qiLSLAfswAJ { font-size: 20px;color: rgb(255, 255, 255);background-color: rgb(252, 160, 53); } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-qiLSLAfswAJ { font-size: 20px;color: rgb(255, 255, 255);background-color: rgb(252, 160, 53); } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-qiLSLAfswAJ { position: static !important;font-size: 24px;color: rgb(255, 255, 255);background-color: rgb(252, 160, 53); } } @media (min-width: 1200px) { .gp-component-id-qiLSLAfswAJ { position: static !important;font-size: 24px;color: rgb(255, 255, 255);background-color: rgb(252, 160, 53); } }&lt;/style&gt;
989
990&lt;style data-gp-styled-element=&quot;lOvNL8R4M0H&quot; class=&quot;style-lOvNL8R4M0H&quot;&gt; .gp-component-id-lOvNL8R4M0H { top: 100%;z-index: 20;right: 0px;left: 0px;position: absolute;flex-grow: 1;flex-shrink: 1;flex-basis: 0%; } @media (max-width: 639px) { .gp-component-id-lOvNL8R4M0H { top: 100%;z-index: 20;right: 0px;left: 0px;position: absolute;flex-grow: 1;flex-shrink: 1;flex-basis: 0%; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-lOvNL8R4M0H { top: 100%;z-index: 20;right: 0px;left: 0px;position: absolute;flex-grow: 1;flex-shrink: 1;flex-basis: 0%; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-lOvNL8R4M0H { top: 100%;z-index: 20;right: 0px;left: 0px;position: absolute;flex-grow: 1;flex-shrink: 1;flex-basis: 0%; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-lOvNL8R4M0H { top: 100%;z-index: 20;right: 0px;left: 0px;position: static !important;flex-grow: 1;flex-shrink: 1;flex-basis: 0%;justify-content: flex-end;display: flex; } } @media (min-width: 1200px) { .gp-component-id-lOvNL8R4M0H { top: 100%;z-index: 20;right: 0px;left: 0px;position: static !important;flex-grow: 1;flex-shrink: 1;flex-basis: 0%;justify-content: flex-end;display: flex; } }&lt;/style&gt;
991
992&lt;style data-gp-styled-element=&quot;Er_slt9oUoi&quot; class=&quot;style-Er_slt9oUoi&quot;&gt; .gp-component-id-Er_slt9oUoi { border-left-style: solid;border-bottom-style: solid;border-right-style: solid;border-top-style: solid;height: auto;max-width: 100%; } @media (max-width: 639px) { .gp-component-id-Er_slt9oUoi { border-left-style: solid;border-bottom-style: solid;border-right-style: solid;border-top-style: solid;height: auto;max-width: 192px;object-position: center center;object-fit: cover;display: inline-flex;align-items: flex-start;justify-content: flex-start;width: 902px;margin-right: 24px; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-Er_slt9oUoi { border-left-style: solid;border-bottom-style: solid;border-right-style: solid;border-top-style: solid;height: auto;max-width: 446px;object-position: center center;object-fit: cover;display: inline-flex;align-items: flex-start;justify-content: flex-start;width: 100%;margin-right: 24px; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-Er_slt9oUoi { border-left-style: solid;border-bottom-style: solid;border-right-style: solid;border-top-style: solid;height: auto;max-width: 446px;object-position: center center;object-fit: cover;display: inline-flex;align-items: flex-start;justify-content: flex-start;width: 100%;margin-right: 24px; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-Er_slt9oUoi { border-left-style: solid;border-bottom-style: solid;border-right-style: solid;border-top-style: solid;height: auto;max-width: 263px;object-position: center center;object-fit: cover;display: inline-flex;align-items: flex-start;justify-content: flex-start;width: 100%;margin-right: 24px; } } @media (min-width: 1200px) { .gp-component-id-Er_slt9oUoi { border-left-style: solid;border-bottom-style: solid;border-right-style: solid;border-top-style: solid;height: auto;max-width: 446px;object-position: center center;object-fit: cover;display: inline-flex;align-items: flex-start;justify-content: flex-start;width: 1024px;margin-right: 24px; } }&lt;/style&gt;
993
994&lt;!doctype html&gt;
995&lt;html lang=&quot;en&quot;&gt;
996&lt;head&gt;
997&lt;meta charset=&quot;utf-8&quot; /&gt;
998&lt;meta name=&quot;viewport&quot; content=&quot;width=device-width,initial-scale=1,viewport-fit=cover&quot; /&gt;
999&lt;title&gt;Timeline (Fluorescent Green)&lt;/title&gt;
1000&lt;style&gt;
1001  :root{
1002    --line: #39FF14;      /* fluorescent line &amp; dots */
1003    --heading: #008F11;   /* deep neon green for headings */
1004    --bubble-bg: #fff;
1005    --text: #333;
1006    --shadow: 0 2px 10px rgba(0,0,0,.08);
1007    --radius: 12px;
1008  }
1009
1010  /* Base (mobile first) */
1011  html, body { margin: 0; padding: 0; background:#f5f5f5; color:var(--text); font-family: Arial, sans-serif; }
1012  body { padding: max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left)); }
1013
1014  h3 { 
1015    margin:0 0 8px; 
1016    color: var(--heading); 
1017    font-weight: 800; 
1018    line-height: 1.2;
1019    font-size: clamp(18px, 4.4vw, 22px); /* fluid headings */
1020  }
1021  p { 
1022    margin:0; 
1023    line-height: 1.55; 
1024    font-size: clamp(14px, 3.7vw, 16px); /* fluid body */
1025  }
1026
1027  /* Timeline container */
1028  .timeline { 
1029    position: relative; 
1030    margin: 0 auto; 
1031    max-width: 960px;            /* roomy on desktop */
1032    padding: 8px 0 8px 28px;     /* space for vertical line on mobile */
1033  }
1034
1035  /* Vertical line (mobile left-aligned) */
1036  .timeline::before{
1037    content:&quot;&quot;;
1038    position:absolute; left: 12px; top:0; bottom:0;
1039    width:4px; background: var(--line);
1040    border-radius: 2px;
1041  }
1042
1043  /* Item + left dot (mobile) */
1044  .timeline-item{
1045    position:relative; 
1046    margin: 20px 0 28px;
1047    scroll-margin-top: 72px;   /* nicer anchor position if linked */
1048
1049    /* PERF: allow browser to skip offscreen rendering until needed */
1050    content-visibility: auto;
1051    contain-intrinsic-size: 1 260px; /* rough height placeholder for smooth scroll */
1052
1053    opacity: 0; 
1054    transform: translateY(16px);
1055  }
1056  .timeline-item::before{
1057    content:&quot;&quot;;
1058    position:absolute; left: 10px; top: 10px;
1059    width:16px; height:16px; border-radius:50%; background: var(--line);
1060    box-shadow: 0 0 0 3px #fff; /* ring for contrast on mobile */
1061  }
1062
1063  /* Bubble (single column on mobile) */
1064  .timeline-bubble{
1065    background: var(--bubble-bg);
1066    padding: 16px;
1067    border-radius: var(--radius);
1068    box-shadow: var(--shadow);
1069    position: relative;
1070    margin-left: 28px;                 /* offset from line/dot */
1071  }
1072  .timeline-bubble::before{
1073    content:&quot;&quot;; position:absolute; top: 16px; left: -10px;
1074    border:10px solid transparent; border-right-color: var(--bubble-bg);
1075  }
1076
1077  /* Reveal animation */
1078  .timeline-item.in-view{
1079    animation: fadeIn .55s cubic-bezier(.2,.6,.2,1) forwards;
1080    will-change: opacity, transform; /* only while animating */
1081  }
1082  @keyframes fadeIn{
1083    from{ opacity:0; transform: translateY(16px); }
1084    to  { opacity:1; transform: translateY(0); }
1085  }
1086
1087  /* Larger screens: center line with alternating bubbles */
1088  @media (min-width: 768px){
1089    .timeline { padding: 8px 0; }
1090    .timeline::before{ left: 50%; transform: translateX(-50%); }
1091    .timeline-item::before{ left: 50%; transform: translate(-50%, -50%); top: 0; width:20px; height:20px; box-shadow:none; }
1092
1093    .timeline-bubble{
1094      width: 320px; padding: 20px;
1095      margin-left: 0;
1096    }
1097    .timeline-bubble::before{ top: 20px; left: auto; }
1098
1099    .timeline-item:nth-child(odd) .timeline-bubble{
1100      left: calc(50% - 360px);     /* left side */
1101    }
1102    .timeline-item:nth-child(odd) .timeline-bubble::before{
1103      right: -20px; border-left-color: var(--bubble-bg); border-right-color: transparent;
1104    }
1105
1106    .timeline-item:nth-child(even) .timeline-bubble{
1107      left: calc(50% + 40px);      /* right side */
1108    }
1109    .timeline-item:nth-child(even) .timeline-bubble::before{
1110      left: -20px; border-right-color: var(--bubble-bg); border-left-color: transparent;
1111    }
1112
1113    /* Spacing breathes more on larger screens */
1114    .timeline-item{ margin: 28px 0 36px; }
1115  }
1116
1117  /* Respect reduced motion */
1118  @media (prefers-reduced-motion: reduce){
1119    .timeline-item{ opacity:1; transform:none; animation:none !important; }
1120  }
1121&lt;/style&gt;
1122&lt;/head&gt;
1123
1124&lt;body&gt; 
1125&lt;div class=&quot;timeline&quot;&gt; &lt;div class=&quot;timeline-item&quot;&gt; &lt;div class=&quot;timeline-bubble&quot;&gt; &lt;h3&gt;Who are we Building for?&lt;/h3&gt; &lt;p&gt; We collaboratively craft a comprehensive specifications document that clearly outlines our project goals.&lt;br&gt;&lt;br&gt; &lt;strong&gt;Feature Insights:&lt;/strong&gt; For example, have you considered adding an admin dashboard for tracking user activity and analytics?&lt;br&gt; &lt;strong&gt;Leveraging the 80/20 Rule:&lt;/strong&gt; Identifying ways to develop similar functionalities at a reduced cost.&lt;br&gt;&lt;br&gt; &lt;strong&gt;Illustration:&lt;/strong&gt; Here is an example of a Specifications Sheet. &lt;/p&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;timeline-item&quot;&gt; &lt;div class=&quot;timeline-bubble&quot;&gt; &lt;h3&gt;Prototyping&lt;/h3&gt; &lt;p&gt; Building on our specifications, we design an elegant wireframe and prototype.&lt;br&gt;&lt;br&gt; Together, we navigate through it to ensure the look and user experience align perfectly with our vision for the final product.&lt;br&gt;&lt;br&gt; Explore a Sample Wireframe &amp; Prototype (click around to experience the prototype). &lt;/p&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;timeline-item&quot;&gt; &lt;div class=&quot;timeline-bubble&quot;&gt; &lt;h3&gt;Timeline Forecasting&lt;/h3&gt; &lt;p&gt; From the finalized specifications and designs, we’ll provide a comprehensive estimate of the project cost along with a timeline for deployment.&lt;br&gt;&lt;br&gt; This estimate is flexible, allowing you to adjust by adding or removing features to fit your budget. &lt;/p&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;timeline-item&quot;&gt; &lt;div class=&quot;timeline-bubble&quot;&gt; &lt;h3&gt;Bring to the World&lt;/h3&gt; &lt;p&gt; Now, we begin transforming your project into a working product through code.&lt;br&gt;&lt;br&gt; Using Agile principles, we focus on launching features quickly so that:&lt;br&gt;&lt;br&gt; 1.) You can evaluate them and &lt;br&gt;&lt;br&gt;2.) Your customers can start benefiting from them. &lt;/p&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;timeline-item&quot;&gt; &lt;div class=&quot;timeline-bubble&quot;&gt; &lt;h3&gt;Stress Management&lt;/h3&gt; &lt;p&gt; Crucial yet often overlooked: The quality of the final product hinges on thorough QA.&lt;br&gt;&lt;br&gt; &lt;strong&gt;Manual Testing&lt;/strong&gt; - A human tester interacts with your product on a real device, meticulously identifying any bugs that need fixing.&lt;br&gt; &lt;strong&gt;Automation Testing&lt;/strong&gt; - Automated scripts replicate user actions to uncover issues.&lt;br&gt; &lt;strong&gt;Unit Testing&lt;/strong&gt; - Code-level testing conducted automatically to ensure individual components function correctly.&lt;br&gt;&lt;br&gt; Supported devices: All modern iOS and Android devices, as well as de
1125sktop browsers. &lt;/p&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;timeline-item&quot;&gt; &lt;div class=&quot;timeline-bubble&quot;&gt; &lt;h3&gt;Launch&lt;/h3&gt; &lt;p&gt; Deploy code to GitLab (our code repository, which is always available for your access).&lt;br&gt;&lt;br&gt; Implement DevOps practices to automate processes such as triggering tests automatically and using Firebase for real-time bug and crash reporting. &lt;/p&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;timeline-item&quot;&gt; &lt;div class=&quot;timeline-bubble&quot;&gt; &lt;h3&gt;Optimizing&lt;/h3&gt; &lt;p&gt; Allowing the client to interact with the app and provide feedback.&lt;br&gt;&lt;br&gt; Launching a Beta version (if the app is already live) to a select group of users to gather their input on the updated app before a full release to the entire user base. &lt;/p&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;timeline-item&quot;&gt; &lt;div class=&quot;timeline-bubble&quot;&gt; &lt;h3&gt;Sustain&lt;/h3&gt; &lt;p&gt; &lt;strong&gt;A-La-Carte&lt;/strong&gt;&lt;br&gt; Pay hourly for any work we perform.&lt;br&gt;&lt;br&gt; &lt;strong&gt;Retainer&lt;/strong&gt;&lt;br&gt; Secure a set amount of our engineers' time each month for tasks such as bug fixes, code maintenance, and new feature implementation.&lt;br&gt;&lt;br&gt; &lt;strong&gt;Custom&lt;/strong&gt;&lt;br&gt; Have a unique requirement? Reach out to us—our team is here to support your growth.&lt;br&gt;&lt;br&gt; Remember: Our aim is to ensure your product's success and help it attract both clients and revenue. As your clients demand new features, we’ll be ready to develop subsequent versions like V2, V3, and beyond. We value long-term partnerships. &lt;/p&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt;
1126
1127&lt;script&gt;
1128  // Smooth, mobile-friendly IntersectionObserver
1129  (function(){
1130    if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) return;
1131
1132    const items = document.querySelectorAll('.timeline-item');
1133    const io = new IntersectionObserver((entries, obs) =&gt; {
1134      for (const e of entries) {
1135        if (e.isIntersecting) {
1136          e.target.classList.add('in-view');
1137          obs.unobserve(e.target);
1138        }
1139      }
1140    }, {
1141      threshold: 0.15,
1142      rootMargin: '0px 0px -10% 0px'
1143    });
1144
1145    items.forEach(el =&gt; io.observe(el));
1146  })();
1147&lt;/script&gt;
1148&lt;/body&gt;
1149&lt;/html&gt;
1150" tabindex="0"><style data-gp-styled-element="MrA0PLxyrzZ" class="style-MrA0PLxyrzZ"> @media (max-width: 639px) { .gp-component-id-MrA0PLxyrzZ[data-gp-component] { margin-left: 0px;padding-left: 0px;padding-right: 0px;padding-bottom: 20px;position: relative; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-MrA0PLxyrzZ[data-gp-component] { margin-left: 0px;padding-left: 0px;padding-right: 0px;padding-bottom: 20px;position: relative; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-MrA0PLxyrzZ[data-gp-component] { margin-left: 0px;padding-left: 0px;padding-right: 0px;padding-bottom: 20px;position: relative; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-MrA0PLxyrzZ[data-gp-component] { margin-left: 0px;padding-left: 0px;padding-right: 0px;padding-bottom: 0px;position: relative; } } @media (min-width: 1200px) { .gp-component-id-MrA0PLxyrzZ[data-gp-component] { margin-left: 0px;padding-left: 0px;padding-right: 0px;padding-bottom: 0px;position: relative; } }</style>
1151
1152<style data-gp-styled-element="rb8BgEyzVH9" class="style-rb8BgEyzVH9"> .gp-component-id-rb8BgEyzVH9 { display: inline-block;line-height: 1; } @media (max-width: 639px) { .gp-component-id-rb8BgEyzVH9 { display: inline-block;line-height: 1; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-rb8BgEyzVH9 { display: inline-block;line-height: 1; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-rb8BgEyzVH9 { display: inline-block;line-height: 1; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-rb8BgEyzVH9 { display: inline-block;line-height: 1; } } @media (min-width: 1200px) { .gp-component-id-rb8BgEyzVH9 { display: inline-block;line-height: 1; } }</style>
1153
1154<style data-gp-styled-element="Dv1s2bdCaB8" class="style-Dv1s2bdCaB8"> .gp-component-id-Dv1s2bdCaB8 { color: rgb(255, 255, 255);align-items: center;display: inline-flex;cursor: pointer;background-image: initial;
1154background-position-x: initial;background-position-y: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;background-color: transparent;padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;appearance: button;text-transform: none;overflow-x: visible;overflow-y: visible;font-family: inherit;font-size: 24px;line-height: 1.15;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;margin-left: 0px; } .gp-component-id-Dv1s2bdCaB8:focus,.gp-component-id-Dv1s2bdCaB8.gp-focus { outline-color: -webkit-focus-ring-color;outline-style: auto;outline-width: 5px; } @media (max-width: 639px) { .gp-component-id-Dv1s2bdCaB8 { color: rgb(255, 255, 255);align-items: center;display: inline-flex;cursor: pointer;background-image: initial;background-position-x: initial;background-position-y: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;background-color: transparent;padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;appearance: button;text-transform: none;overflow-x: visible;overflow-y: visible;font-family: inherit;font-size: 24px;line-height: 1.15;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;margin-left: 0px; } .gp-component-id-Dv1s2bdCaB8:focus,.gp-component-id-Dv1s2bdCaB8.gp-focus { outline-color: initial;outline-style: initial;outline-width: 0px; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-Dv1s2bdCaB8 { color: rgb(255, 255, 255);align-items: center;display: inline-flex;cursor: pointer;background-image: initial;background-position-x: initial;background-position-y: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;background-color: transparent;padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;appearance: button;text-transform: none;overflow-x: visible;overflow-y: visible;font-family: inherit;font-size: 24px;line-height: 1.15;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;margin-left: 0px; } .gp-component-id-Dv1s2bdCaB8:focus,.gp-component-id-Dv1s2bdCaB8.gp-focus { outline-color: initial;outline-style: initial;outline-width: 0px; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-Dv1s2bdCaB8 { color: rgb(255, 255, 255);align-items: center;display: inline-flex;cursor: pointer;background-image: initial;background-position-x: initial;background-position-y: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;background-color: transparent;padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;appearance: button;text-transform: none;overflow-x: visible;overflow-y: visible;font-family: inherit;font-size: 24px;line-height: 1.15;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;margin-left: 0px; } .gp-component-id-Dv1s2bdCaB8:focus,.gp-component-id-Dv1s2bdCaB8.gp-focus { outline-color: initial;outline-style: initial;outline-width: 0px; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-Dv1s2bdCaB8 { color: rgb(255, 255, 255);align-items: center;display: none;cursor: pointer;background-image: initial;background-position-x: initial;background-position-y: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;background-color: transparent;padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;appearance: button;text-transform: none;overflow-x: visible;overflow-y: visible;font-family: inherit;font-size: 24px;line-height: 1.15;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;margin-left: 0px; } .gp-component-id-Dv1s2bdCaB8:focus,.gp-component-id-Dv1s2bdCaB8.gp-focus { outline-color: initial;outline-style: initial;outline-width: 0px; } } @media (min-width: 1200px) { .gp-component-id-Dv1s2bdCaB8 { color: rgb(255, 255, 255);align-items: center;display: none;cursor: pointer;background-image: initial;
1154background-position-x: initial;background-position-y: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;background-color: transparent;padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;appearance: button;text-transform: none;overflow-x: visible;overflow-y: visible;font-family: inherit;font-size: 24px;line-height: 1.15;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;margin-left: 0px; } .gp-component-id-Dv1s2bdCaB8:focus,.gp-component-id-Dv1s2bdCaB8.gp-focus { outline-color: initial;outline-style: initial;outline-width: 0px; } }</style>
1155
1156<style data-gp-styled-element="vCdc8bcV26" class="style-vCdc8bcV26"> .gp-component-id-vCdc8bcV26 { text-decoration-color: initial;text-decoration-style: solid;text-decoration-thickness: inherit;text-decoration-line: none;cursor: pointer;background-color: transparent;color: inherit;display: block;padding-left: 16px;padding-right: 16px;padding-top: 16px;padding-bottom: 16px; } @media (max-width: 639px) { .gp-component-id-vCdc8bcV26 { text-decoration-color: initial;text-decoration-style: solid;text-decoration-thickness: inherit;text-decoration-line: none;cursor: pointer;background-color: transparent;color: inherit;display: block;padding-left: 16px;padding-right: 16px;padding-top: 16px;padding-bottom: 16px; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-vCdc8bcV26 { text-decoration-color: initial;text-decoration-style: solid;text-decoration-thickness: inherit;text-decoration-line: none;cursor: pointer;background-color: transparent;color: inherit;display: block;padding-left: 16px;padding-right: 16px;padding-top: 16px;padding-bottom: 16px; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-vCdc8bcV26 { text-decoration-color: initial;text-decoration-style: solid;text-decoration-thickness: inherit;text-decoration-line: none;cursor: pointer;background-color: transparent;color: inherit;display: block;padding-left: 16px;padding-right: 16px;padding-top: 16px;padding-bottom: 16px; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-vCdc8bcV26 { text-decoration-color: initial;text-decoration-style: solid;text-decoration-thickness: inherit;text-decoration-line: none;cursor: pointer;background-color: transparent;color: inherit;display: block;padding-left: 0px;padding-right: 0px;padding-top: 0px;padding-bottom: 0px; } } @media (min-width: 1200px) { .gp-component-id-vCdc8bcV26 { text-decoration-color: initial;text-decoration-style: solid;text-decoration-thickness: inherit;text-decoration-line: none;cursor: pointer;background-color: transparent;color: inherit;display: block;padding-left: 0px;padding-right: 0px;padding-top: 0px;padding-bottom: 0px; } }</style>
1157
1158<style data-gp-styled-element="qiLSLAfswAJ" class="style-qiLSLAfswAJ"> @media (max-width: 639px) { .gp-component-id-qiLSLAfswAJ { font-size: 20px;color: rgb(255, 255, 255);background-color: rgb(252, 160, 53); } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-qiLSLAfswAJ { font-size: 20px;color: rgb(255, 255, 255);background-color: rgb(252, 160, 53); } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-qiLSLAfswAJ { font-size: 20px;color: rgb(255, 255, 255);background-color: rgb(252, 160, 53); } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-qiLSLAfswAJ { position: static !important;font-size: 24px;color: rgb(255, 255, 255);background-color: rgb(252, 160, 53); } } @media (min-width: 1200px) { .gp-component-id-qiLSLAfswAJ { position: static !important;font-size: 24px;color: rgb(255, 255, 255);background-color: rgb(252, 160, 53); } }</style>
1159
1160<style data-gp-styled-element="lOvNL8R4M0H" class="style-lOvNL8R4M0H"> .gp-component-id-lOvNL8R4M0H { top: 100%;z-index: 20;right: 0px;left: 0px;position: absolute;flex-grow: 1;flex-shrink: 1;flex-basis: 0%; } @media (max-width: 639px) { .gp-component-id-lOvNL8R4M0H { top: 100%;z-index: 20;right: 0px;left: 0px;position: absolute;flex-grow: 1;flex-shrink: 1;flex-basis: 0%; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-lOvNL8R4M0H { top: 100%;z-index: 20;right: 0px;left: 0px;position: absolute;flex-grow: 1;flex-shrink: 1;flex-basis: 0%; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-lOvNL8R4M0H { top: 100%;z-index: 20;right: 0px;left: 0px;position: absolute;flex-grow: 1;flex-shrink: 1;flex-basis: 0%; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-lOvNL8R4M0H { top: 100%;z-index: 20;right: 0px;left: 0px;position: static !important;flex-grow: 1;flex-shrink: 1;flex-basis: 0%;justify-content: flex-end;display: flex; } } @media (min-width: 1200px) { .gp-component-id-lOvNL8R4M0H { top: 100%;z-index: 20;right: 0px;left: 0px;position: static !important;flex-grow: 1;flex-shrink: 1;flex-basis: 0%;justify-content: flex-end;display: flex; } }</style>
1161
1162<style data-gp-styled-element="Er_slt9oUoi" class="style-Er_slt9oUoi"> .gp-component-id-Er_slt9oUoi { border-left-style: solid;border-bottom-style: solid;border-right-style: solid;border-top-style: solid;height: auto;max-width: 100%; } @media (max-width: 639px) { .gp-component-id-Er_slt9oUoi { border-left-style: solid;border-bottom-style: solid;border-right-style: solid;border-top-style: solid;height: auto;max-width: 192px;object-position: center center;object-fit: cover;display: inline-flex;align-items: flex-start;justify-content: flex-start;width: 902px;margin-right: 24px; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-Er_slt9oUoi { border-left-style: solid;border-bottom-style: solid;border-right-style: solid;border-top-style: solid;height: auto;max-width: 446px;object-position: center center;object-fit: cover;display: inline-flex;align-items: flex-start;justify-content: flex-start;width: 100%;margin-right: 24px; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-Er_slt9oUoi { border-left-style: solid;border-bottom-style: solid;border-right-style: solid;border-top-style: solid;height: auto;max-width: 446px;object-position: center center;object-fit: cover;display: inline-flex;align-items: flex-start;justify-content: flex-start;width: 100%;margin-right: 24px; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-Er_slt9oUoi { border-left-style: solid;border-bottom-style: solid;border-right-style: solid;border-top-style: solid;height: auto;max-width: 263px;object-position: center center;object-fit: cover;display: inline-flex;align-items: flex-start;justify-content: flex-start;width: 100%;margin-right: 24px; } } @media (min-width: 1200px) { .gp-component-id-Er_slt9oUoi { border-left-style: solid;border-bottom-style: solid;border-right-style: solid;border-top-style: solid;height: auto;max-width: 446px;object-position: center center;object-fit: cover;display: inline-flex;align-items: flex-start;justify-content: flex-start;width: 1024px;margin-right: 24px; } }</style>
1163
1164<!doctype html>
1165<html lang="en">
1166<head>
1167<meta charset="utf-8" />
1168<meta name="viewport" content="width=device-width,initial-scale=1,viewport-fit=cover" />
1169<title>Timeline (Fluorescent Green)</title>
1170<style>
1171  :root{
1172    --line: #39FF14;      /* fluorescent line & dots */
1173    --heading: #008F11;   /* deep neon green for headings */
1174    --bubble-bg: #fff;
1175    --text: #333;
1176    --shadow: 0 2px 10px rgba(0,0,0,.08);
1177    --radius: 12px;
1178  }
1179
1180  /* Base (mobile first) */
1181  html, body { margin: 0; padding: 0; background:#f5f5f5; color:var(--text); font-family: Arial, sans-serif; }
1182  body { padding: max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left)); }
1183
1184  h3 { 
1185    margin:0 0 8px; 
1186    color: var(--heading); 
1187    font-weight: 800; 
1188    line-height: 1.2;
1189    font-size: clamp(18px, 4.4vw, 22px); /* fluid headings */
1190  }
1191  p { 
1192    margin:0; 
1193    line-height: 1.55; 
1194    font-size: clamp(14px, 3.7vw, 16px); /* fluid body */
1195  }
1196
1197  /* Timeline container */
1198  .timeline { 
1199    position: relative; 
1200    margin: 0 auto; 
1201    max-width: 960px;            /* roomy on desktop */
1202    padding: 8px 0 8px 28px;     /* space for vertical line on mobile */
1203  }
1204
1205  /* Vertical line (mobile left-aligned) */
1206  .timeline::before{
1207    content:"";
1208    position:absolute; left: 12px; top:0; bottom:0;
1209    width:4px; background: var(--line);
1210    border-radius: 2px;
1211  }
1212
1213  /* Item + left dot (mobile) */
1214  .timeline-item{
1215    position:relative; 
1216    margin: 20px 0 28px;
1217    scroll-margin-top: 72px;   /* nicer anchor position if linked */
1218
1219    /* PERF: allow browser to skip offscreen rendering until needed */
1220    content-visibility: auto;
1221    contain-intrinsic-size: 1 260px; /* rough height placeholder for smooth scroll */
1222
1223    opacity: 0; 
1224    transform: translateY(16px);
1225  }
1226  .timeline-item::before{
1227    content:"";
1228    position:absolute; left: 10px; top: 10px;
1229    width:16px; height:16px; border-radius:50%; background: var(--line);
1230    box-shadow: 0 0 0 3px #fff; /* ring for contrast on mobile */
1231  }
1232
1233  /* Bubble (single column on mobile) */
1234  .timeline-bubble{
1235    background: var(--bubble-bg);
1236    padding: 16px;
1237    border-radius: var(--radius);
1238    box-shadow: var(--shadow);
1239    position: relative;
1240    margin-left: 28px;                 /* offset from line/dot */
1241  }
1242  .timeline-bubble::before{
1243    content:""; position:absolute; top: 16px; left: -10px;
1244    border:10px solid transparent; border-right-color: var(--bubble-bg);
1245  }
1246
1247  /* Reveal animation */
1248  .timeline-item.in-view{
1249    animation: fadeIn .55s cubic-bezier(.2,.6,.2,1) forwards;
1250    will-change: opacity, transform; /* only while animating */
1251  }
1252  @keyframes fadeIn{
1253    from{ opacity:0; transform: translateY(16px); }
1254    to  { opacity:1; transform: translateY(0); }
1255  }
1256
1257  /* Larger screens: center line with alternating bubbles */
1258  @media (min-width: 768px){
1259    .timeline { padding: 8px 0; }
1260    .timeline::before{ left: 50%; transform: translateX(-50%); }
1261    .timeline-item::before{ left: 50%; transform: translate(-50%, -50%); top: 0; width:20px; height:20px; box-shadow:none; }
1262
1263    .timeline-bubble{
1264      width: 320px; padding: 20px;
1265      margin-left: 0;
1266    }
1267    .timeline-bubble::before{ top: 20px; left: auto; }
1268
1269    .timeline-item:nth-child(odd) .timeline-bubble{
1270      left: calc(50% - 360px);     /* left side */
1271    }
1272    .timeline-item:nth-child(odd) .timeline-bubble::before{
1273      right: -20px; border-left-color: var(--bubble-bg); border-right-color: transparent;
1274    }
1275
1276    .timeline-item:nth-child(even) .timeline-bubble{
1277      left: calc(50% + 40px);      /* right side */
1278    }
1279    .timeline-item:nth-child(even) .timeline-bubble::before{
1280      left: -20px; border-right-color: var(--bubble-bg); border-left-color: transparent;
1281    }
1282
1283    /* Spacing breathes more on larger screens */
1284    .timeline-item{ margin: 28px 0 36px; }
1285  }
1286
1287  /* Respect reduced motion */
1288  @media (prefers-reduced-motion: reduce){
1289    .timeline-item{ opacity:1; transform:none; animation:none !important; }
1290  }
1291</style>
1292<link data-gp-stylesheet href="/index.css?v=1.1760071032" rel="stylesheet"/>
1293        </head>
1294
1295<body> 
1296<div class="timeline"> <div class="timeline-item"> <div class="timeline-bubble"> <h3>Who are we Building for?</h3> <p> We collaboratively craft a comprehensive specifications document that clearly outlines our project goals.<br><br> <strong>Feature Insights:</strong> For example, have you considered adding an admin dashboard for tracking user activity and analytics?<br> <strong>Leveraging the 80/20 Rule:</strong> Identifying ways to develop similar functionalities at a reduced cost.<br><br> <strong>Illustration:</strong> Here is an example of a Specifications Sheet. </p> </div> </div> <div class="timeline-item"> <div class="timeline-bubble"> <h3>Prototyping</h3> <p> Building on our specifications, we design an elegant wireframe and prototype.<br><br> Together, we navigate through it to ensure the look and user experience align perfectly with our vision for the final product.<br><br> Explore a Sample Wireframe & Prototype (click around to experience the prototype). </p> </div> </div> <div class="timeline-item"> <div class="timeline-bubble"> <h3>Timeline Forecasting</h3> <p> From the finalized specifications and designs, we’ll provide a comprehensive estimate of the project cost along with a timeline for deployment.<br><br> This estimate is flexible, allowing you to adjust by adding or removing features to fit your budget. </p> </div> </div> <div class="timeline-item"> <div class="timeline-bubble"> <h3>Bring to the World</h3> <p> Now, we begin transforming your project into a working product through code.<br><br> Using Agile principles, we focus on launching features quickly so that:<br><br> 1.) You can evaluate them and <br><br>2.) Your customers can start benefiting from them. </p> </div> </div> <div class="timeline-item"> <div class="timeline-bubble"> <h3>Stress Management</h3> <p> Crucial yet often overlooked: The quality of the final product hinges on thorough QA.<br><br> <strong>Manual Testing</strong> - A human tester interacts with your product on a real device, meticulously identifying any bugs that need fixing.<br> <strong>Automation Testing</strong> - Automated scripts replicate user actions to uncover issues.<br> <strong>Unit Testing</strong> - Code-level testing conducted automatically to ensure individual components function correctly.<br><br> Supported devices: All modern iOS and Android devices, as well as de
1296sktop browsers. </p> </div> </div> <div class="timeline-item"> <div class="timeline-bubble"> <h3>Launch</h3> <p> Deploy code to GitLab (our code repository, which is always available for your access).<br><br> Implement DevOps practices to automate processes such as triggering tests automatically and using Firebase for real-time bug and crash reporting. </p> </div> </div> <div class="timeline-item"> <div class="timeline-bubble"> <h3>Optimizing</h3> <p> Allowing the client to interact with the app and provide feedback.<br><br> Launching a Beta version (if the app is already live) to a select group of users to gather their input on the updated app before a full release to the entire user base. </p> </div> </div> <div class="timeline-item"> <div class="timeline-bubble"> <h3>Sustain</h3> <p> <strong>A-La-Carte</strong><br> Pay hourly for any work we perform.<br><br> <strong>Retainer</strong><br> Secure a set amount of our engineers' time each month for tasks such as bug fixes, code maintenance, and new feature implementation.<br><br> <strong>Custom</strong><br> Have a unique requirement? Reach out to us—our team is here to support your growth.<br><br> Remember: Our aim is to ensure your product's success and help it attract both clients and revenue. As your clients demand new features, we’ll be ready to develop subsequent versions like V2, V3, and beyond. We value long-term partnerships. </p> </div> </div> </div>
1297
1298<script>
1299  // Smooth, mobile-friendly IntersectionObserver
1300  (function(){
1301    if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) return;
1302
1303    const items = document.querySelectorAll('.timeline-item');
1304    const io = new IntersectionObserver((entries, obs) => {
1305      for (const e of entries) {
1306        if (e.isIntersecting) {
1307          e.target.classList.add('in-view');
1308          obs.unobserve(e.target);
1309        }
1310      }
1311    }, {
1312      threshold: 0.15,
1313      rootMargin: '0px 0px -10% 0px'
1314    });
1315
1316    items.forEach(el => io.observe(el));
1317  })();
1318</script>
vendor: 1 bytes, line 1318
1318
1319<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":"0a8f3afd59ba4e26a3c23deadea69f57","r":1,"spa":2}' crossorigin="anonymous"></script>
1319
1320</body>
1321</html>
1322</div><div data-gp-dnd="" data-gp-embed="F4w-WKzoG" data-gp-component="embed" class="gp-component-id-97z6sJdqr gp-component" data-gp-component-id="97z6sJdqr" tabindex="0" gp-embed-content="&lt;div class=&quot;tidycal-embed&quot; data-path=&quot;amezcuaalfredo81/implementation&quot;&gt;&lt;/div&gt;
1323&lt;script src=&quot;https://assets.tidycal.com/js/embed.js&quot; async&gt;&lt;/script&gt;" data-gp-classes=""><iframe src="https://tidycal.com/amezcuaalfredo81/implementation?embed&amp;showAvatar=true" id="tidycal-embed-3ahm3" class="tidycal-embed" title="TidyCal" scrolling="no" style="border: none; width: 1px; min-width: 100%; height: 752px; overflow: hidden; min-height: 500px;"></iframe>
1324<script src="https://assets.tidycal.com/js/embed.js" async="" id="script-KLLY0uMBr"></script>
1324</div></div>
1325    </section>
1326    
1327      
1328      
1329      
1330      
1331      </div>
1332      <div id="blocks-staging" style="top: 0px; left: 0; position: absolute;"></div>
1333    </div>
1334    <div id="custom-bottom">
1335      <img src="https://tracking.groovesell.com/salespage/tracking/66436" style="border:0px; width:0px; height: 0px;">
1336    </div>
1337    
1337<script>
1338      (function() {
1339        var callSiteCallbacks = function() {
1340          if(window.site && window.site.subscribed) {
1341            site.subscribed.forEach(callback => {
1342              callback();
1343            });
1344          }
1345        };
1346        document.readyState !== 'loading' ? callSiteCallbacks() : document.addEventListener("DOMContentLoaded", callSiteCallbacks);
1347      })();
1348    </script>
1348
1349    
1349<script src="https://app.groove.cm/groovepages/js/inpage_published.js"></script>
1349
1350        
1351      
1352    
1353    </body></html>

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.