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&family=Abel&family=Abril+Fatface&family=Acme&family=Alegreya&family=Alegreya+Sans&family=Alfa+Slab+One&family=Almarai:wght@300;400;700;800&family=Amiri+Quran&family=Amatic+SC:wght@400;700&family=Amiri&family=Antic+Slab&family=Anton&family=Architects+Daughter&family=Archivo&family=Archivo+Black&family=Archivo+Narrow&family=Arimo&family=Armata&family=Arvo&family=Asap:wght@400;700&
15family=Assistant&family=Balsamiq+Sans:wght@400;700&family=Bangers&family=Barlow+Condensed&family=Barlow+Semi+Condensed&family=Barlow:wght@400;700;900&family=Bebas+Neue&family=BenchNine&family=Bitter:wght@400;700;900&family=Bree+Serif&family=Cabin&family=Cabin+Condensed&family=Cabin:wght@400;700&family=Cairo:wght@400;700&family=Cantarell&family=Cardo&family=Catamaran&family=Caveat&family=Chakra+Petch&family=Changa:[email protected]&family=Chivo&family=Cinzel&family=Comfortaa&family=Concert+One&family=Cookie&family=Cormorant+Garamond:wght@400;700&family=Courgette&family=Crete+Round&family=Crimson+Text:wght@400;700&family=Cuprum&family=DM+Sans&family=DM+Serif+Display&family=Dancing+Script:wght@400;700&family=Didact+Gothic&family=Domine&family=Dosis&family=EB+Garamond&family=Economica&family=Exo&family=Exo+2&family=Fira+Sans+Condensed&family=Fira+Sans:wght@400;700;900&family=Fjalla+One&family=Francois+One&family=Frank+Ruhl+Libre&family=Gloria+Hallelujah&family=Great+Vibes&family=Gudea&family=Hammersmith+One&family=Handlee&family=Heebo&family=Hind&family=Hind+Madurai&family=Hind+Siliguri&family=IBM+Plex+Mono&family=IBM+Plex+Sans&family=IBM+Plex+Serif&family=Inconsolata&family=Indie+Flower&family=Inter&family=Istok+Web&family=Josefin+Sans:wght@400;700&
15family=Josefin+Slab&family=Jost&family=Kalam&family=Kanit&family=Karla&family=Kaushan+Script&family=Lato:wght@400;700;900&family=Libre+Baskerville:wght@400;700&family=Libre+Franklin:wght@400;700;900&family=Lilita+One&family=Lobster&family=Lobster+Two&family=Lora:wght@400;700&family=Luckiest+Guy&family=M+PLUS+1p&family=M+PLUS+Rounded+1c&family=Manrope&family=Martel:wght@400;700;900&family=Maven+Pro&family=Merriweather+Sans&family=Merriweather:wght@400;700;900&family=Monda&family=Montserrat+Alternates&family=Montserrat:wght@400;700;900&family=Mukta:wght@400;700&family=Mulish&family=Nanum+Gothic&family=Nanum+Myeongjo&family=Neuton&family=News+Cycle&family=Noticia+Text&family=Noto+Color+Emoji&family=Noto+Kufi+Arabic:[email protected]&family=Noto+Sans+HK&family=Noto+Sans+JP:wght@400;700&family=Noto+Sans+KR:wght@400;700;900&family=Noto+Sans+SC&family=Noto+Sans+TC&family=Noto+Sans:wght@400;700&
15family=Noto+Serif+JP&family=Noto+Serif:wght@400;700&family=Nunito+Sans:wght@200;300;400;700;900&family=Nunito:wght@300;400;700;900&family=Old+Standard+TT:wght@400;700&family=Open+Sans+Condensed:wght@300;700&family=Open+Sans:wght@300;400;700&family=Orbitron&family=Oswald:wght@400;700&family=Outfit&family=Overpass:wght@400;700;900&family=Oxygen:wght@300;400;700&family=PT+Sans+Caption&family=PT+Sans+Narrow:wght@400;700&family=PT+Sans:wght@400;700&family=PT+Serif:wght@400;700&family=Pacifico&family=Passion+One&family=Pathway+Gothic+One&family=Patrick+Hand&family=Patua+One&family=Paytone+One&family=Permanent+Marker&family=Philosopher&family=Play&family=Playfair+Display+SC&family=Playfair+Display:wght@400;700;900&family=Plus+Jakarta+Sans&family=Poiret+One&family=Pontano+Sans&family=Poppins:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&family=Prata&family=Prompt&family=Public+Sans&family=Quattrocento&family=Quattrocento+Sans&family=Questrial&family=Quicksand&family=Rajdhani&family=Raleway:wght@400;700;900&family=Red+Hat+Display&family=Reem+Kufi:[email protected]&
15family=Righteous&family=Roboto+Condensed:wght@400;700&family=Roboto+Mono&family=Roboto+Slab:wght@400;700;900&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&family=Rokkitt&family=Ropa+Sans&family=Rubik:ital,wght@0,400;0,700;1,900&family=Russo+One&family=Sacramento&family=Saira+Condensed&family=Sanchez&family=Sarabun&family=Satisfy&family=Secular+One&family=Shadows+Into+Light&family=Signika+Negative&family=Signika:wght@400;700&family=Slabo+27px&family=Source+Code+Pro:wght@400;700;900&family=Source+Sans+3&family=Source+Sans+Pro:wght@400;700;900&family=Source+Serif+Pro:wght@400;700;900&family=Space+Grotesk&family=Special+Elite&family=Tajawal:wght@400;700;900&family=Tangerine&family=Teko&family=Tinos&family=Titillium+Web:wght@400;700;900&family=Ubuntu+Condensed&family=Ubuntu:wght@400;700&family=Varela+Round&family=Volkhov&family=Vollkorn&family=Work+Sans:wght@400;700;900&family=Yanone+Kaffeesatz&family=Yantramanav&family=Yellowtail&family=Zilla+Slab&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&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="{"id":79408,"type":"block","thumbnail":"https://assets.grooveapps.com/elements-previews/thumbs/empty_25-50-25.png","category":"Empty blocks","tag":"blue-theme","user_id":"global","filename":"_empty_12"}" 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"> </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="{"id":12345042,"type":"block","thumbnail":"//assets.grooveapps.com/pages-previews/64391d5ab0f46.png","category":"Alert bars","tag":"designed","user_id":"b48d34ec-b678-470d-a13e-73f6ee7f85c9","filename":null,"height":50,"global":1,"tailwind":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="<style> 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</style> 417 418<div class="reveal-container"> 419 <canvas id="particleCanvas"></canvas> 420 421 <div class="instruction-text" id="instructionText"> 422 Hover to clear the cloud and reveal the stages. 423 </div> 424 425 <div class="process-card" id="card-0"> 426 <h2>Discovery</h2> 427 <p>Research and requirements gathering.</p> 428 </div> 429 <div class="process-card" id="card-1"> 430 <h2>Prototyping</h2> 431 <p>Wireframes, mockups, and testing.</p> 432 </div> 433 <div class="process-card" id="card-2"> 434 <h2>Build</h2> 435 <p>Development and implementation phase.</p> 436 </div> 437 <div class="process-card" id="card-3"> 438 <h2>Live</h2> 439 <p>Deployment, monitoring, and maintenance.</p> 440 </div> 441</div> 442 443<script> 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) => { 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 < 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 > 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 < 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) => { 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 < revealRadius && 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 => {
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', () => { 613 resizeCanvas(); 614 initParticles(); 615}); 616 617let isMouseOverCanvas = false; 618 619canvas.addEventListener('mousemove', (e) => { 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', () => { 633 // Reset mouse position when cursor leaves canvas 634 mouse.x = null; 635 mouse.y = null; 636}); 637 638// Initialization 639resizeCanvas(); 640initParticles(); 641animate(); 642</script>" 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="{"id":15008,"type":"block","thumbnail":"https://assets.grooveapps.com/pages-previews/5f76f517c6d13.png","category":"Team","tag":"designed","user_id":"global","filename":null,"height":0,"global":1,"tailwind":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="{"id":11994,"type":"block","thumbnail":"https://assets.grooveapps.com/elements-previews/thumbs/content-blue-6.png","category":"Content","tag":"designed","user_id":"global","filename":"_content_24","height":0,"global":1,"tailwind":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 </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="<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> 981 982<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> 983 984<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;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; } }</style> 985 986<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> 987 988<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> 989 990<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> 991 992<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> 993 994<!doctype html> 995<html lang="en"> 996<head> 997<meta charset="utf-8" /> 998<meta name="viewport" content="width=device-width,initial-scale=1,viewport-fit=cover" /> 999<title>Timeline (Fluorescent Green)</title> 1000<style> 1001 :root{ 1002 --line: #39FF14; /* fluorescent line & 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:""; 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:""; 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:""; 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</style> 1122</head> 1123 1124<body> 1125<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
1125sktop 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> 1126 1127<script> 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) => { 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 => io.observe(el)); 1146 })(); 1147</script> 1148</body> 1149</html> 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="<div class="tidycal-embed" data-path="amezcuaalfredo81/implementation"></div> 1323<script src="https://assets.tidycal.com/js/embed.js" async></script>" data-gp-classes=""><iframe src="https://tidycal.com/amezcuaalfredo81/implementation?embed&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.