CINXE.COM

<!doctype html> <html lang="en-US"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="profile" href="http://gmpg.org/xfn/11"> <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' />  <title>Create a Mobile Responsive Website with Elementor</title> <meta name="description" content="Create cutting-edge, responsive WordPress websites that look and feel great on every mobile device with Elementor. Mobile-friendly website in minutes!" /> <link rel="canonical" href="https://elementor.com/features/responsive-design/" /> <meta property="og:locale" content="en_US" /> <meta property="og:type" content="article" /> <meta property="og:title" content="Create a Mobile Responsive Website with Elementor" /> <meta property="og:description" content="Create cutting-edge, responsive WordPress websites that look and feel great on every mobile device with Elementor. Mobile-friendly website in minutes!" /> <meta property="og:url" content="https://elementor.com/features/responsive-design/" /> <meta property="og:site_name" content="Elementor" /> <meta property="article:publisher" content="https://www.facebook.com/elemntor" /> <meta property="article:published_time" content="2020-06-08T08:08:04+00:00" /> <meta property="article:modified_time" content="2022-09-07T12:24:49+00:00" /> <meta property="og:image" content="https://elementor.com/wp-content/uploads/2020/06/Editor.png" /> <meta property="og:image:width" content="1200" /> <meta property="og:image:height" content="631" /> <meta property="og:image:type" content="image/png" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:image" content="https://elementor.com/wp-content/uploads/2020/06/Editor.png" /> <meta name="twitter:creator" content="@elemntor" /> <meta name="twitter:site" content="@elemntor" /> <meta name="twitter:label1" content="Written by" /> <meta name="twitter:data1" content="julienelementor" /> <meta name="twitter:label2" content="Est. reading time" /> <meta name="twitter:data2" content="2 minutes" /> <script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"Article","@id":"https://elementor.com/features/responsive-design/#article","isPartOf":{"@id":"https://elementor.com/features/responsive-design/"},"author":{"name":"julienelementor","@id":"https://elementor.com/#/schema/person/5210ae73da4f6a5e4bd3afda9499cf3a"},"headline":"Responsive","datePublished":"2020-06-08T08:08:04+00:00","dateModified":"2022-09-07T12:24:49+00:00","mainEntityOfPage":{"@id":"https://elementor.com/features/responsive-design/"},"wordCount":342,"publisher":{"@id":"https://elementor.com/#organization"},"image":{"@id":"https://elementor.com/features/responsive-design/#primaryimage"},"thumbnailUrl":"https://elementor.com/wp-content/uploads/2020/06/Editor.png","articleSection":["Features"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https://elementor.com/features/responsive-design/","url":"https://elementor.com/features/responsive-design/","name":"Create a Mobile Responsive Website with Elementor","isPartOf":{"@id":"https://elementor.com/#website"},"primaryImageOfPage":{"@id":"https://elementor.com/features/responsive-design/#primaryimage"},"image":{"@id":"https://elementor.com/features/responsive-design/#primaryimage"},"thumbnailUrl":"https://elementor.com/wp-content/uploads/2020/06/Editor.png","datePublished":"2020-06-08T08:08:04+00:00","dateModified":"2022-09-07T12:24:49+00:00","description":"Create cutting-edge, responsive WordPress websites that look and feel great on every mobile device with Elementor. Mobile-friendly website in minutes!","breadcrumb":{"@id":"https://elementor.com/features/responsive-design/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https://elementor.com/features/responsive-design/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https://elementor.com/features/responsive-design/#primaryimage","url":"https://elementor.com/wp-content/uploads/2020/06/Editor.png","contentUrl":"https://elementor.com/wp-content/uploads/2020/06/Editor.png","width":1200,"height":631},{"@type":"BreadcrumbList","@id":"https://elementor.com/features/responsive-design/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://elementor.com/"},{"@type":"ListItem","position":2,"name":"Responsive"}]},{"@type":"WebSite","@id":"https://elementor.com/#website","url":"https://elementor.com/","name":"Elementor","description":"Page Builder for WordPress","publisher":{"@id":"https://elementor.com/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://elementor.com/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https://elementor.com/#organization","name":"Elementor Website Builder","url":"https://elementor.com/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https://elementor.com/#/schema/logo/image/","url":"https://elementor.com/wp-content/uploads/2021/10/full-logotype-pink.svg","contentUrl":"https://elementor.com/wp-content/uploads/2021/10/full-logotype-pink.svg","width":550,"height":420,"caption":"Elementor Website Builder"},"image":{"@id":"https://elementor.com/#/schema/logo/image/"},"sameAs":["https://www.facebook.com/elemntor","https://x.com/elemntor"]},{"@type":"Person","@id":"https://elementor.com/#/schema/person/5210ae73da4f6a5e4bd3afda9499cf3a","name":"julienelementor","url":"https://elementor.com/author/julienelementor/"}]}</script>  <link rel="alternate" type="application/rss+xml" title="Elementor » Feed" href="https://elementor.com/feed/" /> <link rel="alternate" type="application/rss+xml" title="Elementor » Comments Feed" href="https://elementor.com/comments/feed/" /> <style id='safe-svg-svg-icon-style-inline-css' type='text/css'> .safe-svg-cover{text-align:center}.safe-svg-cover .safe-svg-inside{display:inline-block;max-width:100%}.safe-svg-cover svg{height:100%;max-height:100%;max-width:100%;width:100%} </style> <style id='classic-theme-styles-inline-css' type='text/css'> /*! This file is auto-generated */ .wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} </style> <style id='global-styles-inline-css' type='text/css'> :root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} :where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;} :where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;} :root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;} </style> <link rel='stylesheet' id='elementor-frontend-css' href='https://elementor.com/wp-content/plugins/elementor/assets/css/frontend-lite.min.css?ver=3.23.4' type='text/css' media='all' /> <link rel='stylesheet' id='swiper-css' href='https://elementor.com/wp-content/plugins/elementor/assets/lib/swiper/v8/css/swiper.min.css?ver=8.4.5' type='text/css' media='all' /> <link rel='stylesheet' id='elementor-post-52406-css' href='https://elementor.com/wp-content/uploads/elementor/css/post-52406.css?ver=1728374877' type='text/css' media='all' /> <link rel='stylesheet' id='elementor-pro-css' href='https://elementor.com/wp-content/plugins/elementor-pro/assets/css/frontend-lite.min.css?ver=3.23.3' type='text/css' media='all' /> <link rel='stylesheet' id='elementor-post-34647-css' href='https://elementor.com/wp-content/uploads/elementor/css/post-34647.css?ver=1728392332' type='text/css' media='all' /> <link rel='stylesheet' id='elementor-post-71706-css' href='https://elementor.com/wp-content/uploads/elementor/css/post-71706.css?ver=1728374879' type='text/css' media='all' /> <link rel='stylesheet' id='elementor-post-16853-css' href='https://elementor.com/wp-content/uploads/elementor/css/post-16853.css?ver=1730019943' type='text/css' media='all' /> <link rel='stylesheet' id='elementor-site-style-child-css' href='https://elementor.com/wp-content/themes/elementor-website/assets/css/style.css?ver=1.1.6' type='text/css' media='all' /> <link rel='stylesheet' id='google-fonts-1-css' href='https://fonts.googleapis.com/css?family=DM+Sans%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic&display=swap&ver=6.6.2' type='text/css' media='all' /> <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin><script type="text/javascript" src="https://elementor.com/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script> <script> window.dataLayer = window.dataLayer || []; </script>  <link rel="preconnect" href="https://dev.visualwebsiteoptimizer.com" /> <script data-cfasync="false" type='text/javascript' id='vwoCode'> window._vwo_code=window._vwo_code || (function() { var account_id=740558, version = 1.5, settings_tolerance=2000, library_tolerance=2500, use_existing_jquery=false, is_spa=1, hide_element='body', hide_element_style = 'opacity:0 !important;filter:alpha(opacity=0) !important;background:none !important', /* DO NOT EDIT BELOW THIS LINE */ f=false,d=document,vwoCodeEl=d.querySelector('#vwoCode'),code={use_existing_jquery:function(){return use_existing_jquery},library_tolerance:function(){return library_tolerance},hide_element_style:function(){return'{'+hide_element_style+'}'},finish:function(){if(!f){f=true;var e=d.getElementById('_vis_opt_path_hides');if(e)e.parentNode.removeChild(e)}},finished:function(){return f},load:function(e){var t=d.createElement('script');t.fetchPriority='high';t.src=e;t.type='text/javascript';t.onerror=function(){_vwo_code.finish()};d.getElementsByTagName('head')[0].appendChild(t)},getVersion:function(){return version},getMatchedCookies:function(e){var t=[];if(document.cookie){t=document.cookie.match(e)||[]}return t},getCombinationCookie:function(){var e=code.getMatchedCookies(/(?:^|;)\s?(_vis_opt_exp_\d+_combi=[^;$]*)/gi);e=e.map(function(e){try{var t=decodeURIComponent(e);if(!/_vis_opt_exp_\d+_combi=(?:\d+,?)+\s*$/.test(t)){return''}return t}catch(e){return''}});var i=[];e.forEach(function(e){var t=e.match(/([\d,]+)/g);t&&i.push(t.join('-'))});return i.join('|')},init:function(){if(d.URL.indexOf('__vwo_disable__')>-1)return;window.settings_timer=setTimeout(function(){_vwo_code.finish()},settings_tolerance);var e=d.createElement('style'),t=hide_element?hide_element+'{'+hide_element_style+'}':'',i=d.getElementsByTagName('head')[0];e.setAttribute('id','_vis_opt_path_hides');vwoCodeEl&&e.setAttribute('nonce',vwoCodeEl.nonce);e.setAttribute('type','text/css');if(e.styleSheet)e.styleSheet.cssText=t;else e.appendChild(d.createTextNode(t));i.appendChild(e);var n=this.getCombinationCookie();this.load('https://dev.visualwebsiteoptimizer.com/j.php?a='+account_id+'&u='+encodeURIComponent(d.URL)+'&f='+ +is_spa+'&vn='+version+(n?'&c='+n:''));return settings_timer}};window._vwo_settings_timer = code.init();return code;}()); </script>   <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://gtm.elementor.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-NJK8HW');</script>  <meta name="referrer" content="no-referrer-when-downgrade"><meta name="generator" content="Elementor 3.23.4; features: e_optimized_css_loading, e_font_icon_svg, additional_custom_breakpoints, e_lazyload; settings: css_print_method-external, google_font-enabled, font_display-swap"> <script type="text/javascript"> (function($){ function addGTMAttributes( element, text, level1, level2 = "" ) { element.attr({ 'data-gtm-event_name': 'element_click', 'data-gtm-type': 'navigation', 'data-gtm-section': 'menu', 'data-gtm-outcome': 'navigating using the main menu', 'data-gtm-level_1': level1, 'data-gtm-level_2': level1, 'data-gtm-additional_description': 'main menu website', 'data-gtm-action_type': 'navigation', 'data-gtm-element-location': 'main menu' }); if ( level2 !== "" ) { element.attr({ 'data-gtm-level_2': level2, }); } } function attachGTMAttributes(){ // Add data-gtm attributes to the main menu items $( '.main-header nav .elementor-nav-menu > li.menu-item:not(.nav-login, .nav-cta)' ).each(function() { const item = $(this); const itemLink = item.find('a.elementor-item'); const itemLinkText = itemLink.text().toLowerCase().trim(); const itemLinkHref = itemLink.attr('href'); if (itemLinkHref !== '#') { addGTMAttributes( itemLink, itemLinkText, itemLinkText ); } // Add data-gtm attributes to the sub-menu items const subMenu = item.find('ul.sub-menu a.elementor-sub-item'); subMenu.each(function() { const subItem = $(this); const subItemText = subItem.html().replace(/<span>.*<\/span>/, '').toLowerCase().trim(); addGTMAttributes( subItem, subItemText, itemLinkText, subItemText ); }); }); } $(document).ready(attachGTMAttributes); $(document).ready(function() { $('.nav-cta').attr({ 'data-gac': 'CTA Elements', 'data-gaa': 'onboarding button click', 'data-gal': 'mobile main menu', 'data-gtm-section': 'header' }); $('.nav-login').attr({ 'data-gtm-section': 'header' }); }); })(jQuery); // (function($){ // $(function() { // function updateMenuItems() { // $('.main-header').each(function(index) { // var isSticky = $(this).hasClass('elementor-sticky--effects'); // $(this).find('.elementor-nav-menu>li.menu-item').each(function(i) { // var that = $(this); // var main_level = that.find('a.elementor-item'); // if (main_level.length > 0) { // var main_level_name = main_level[0].innerText.toLowerCase().trim(); // that.find('ul.sub-menu a.elementor-sub-item').each(function(i) { // var second_level = $(this); // var second_level_name = second_level[0].childNodes[0]; // var second_level_name_lower = second_level_name.data.toLowerCase().trim(); // var elementLocation = isSticky ? 'sticky main menu' : 'main menu'; // second_level.attr({ // 'data-gtm-event_name': 'element_click', // 'data-gtm-level_1': main_level_name, // 'data-gtm-level_2': second_level_name_lower, // 'data-gtm-action_type': 'navigation', // 'data-gtm-element-location': elementLocation, // 'data-test' : "check" // }); // }); // } // }); // }); // } // // Initial update // updateMenuItems(); // // Update on scroll // $(window).scroll(function() { // // updateMenuItems(); // }); // $( '.elementor-nav-menu--dropdown .elementor-nav-menu>li.menu-item:not(.nav-login, .nav-cta)' ).each(function( index ) { // var that = $(this); // var name = that.find('a.elementor-item')[0].innerText.toLowerCase().trim(); // that.find( 'ul.sub-menu a.elementor-sub-item' ).each(function( i ){ // var that_sub = $(this); // if( that_sub.attr('href') != '#' ){ // var sub_nav_name = that_sub[0].childNodes[0].data.toLowerCase().trim(); // that_sub.attr({ // 'data-gtm-event_name': 'element_click', // 'data-gtm-level_1': name, // 'data-gtm-level_2': sub_nav_name, // 'data-gtm-action_type': 'navigation', // 'data-gtm-element-location': 'main menu' // }); // } // }); // }); // }); // $(document).ready(function() { // $('.nav-cta').attr({ // 'data-gac': 'CTA Elements', // 'data-gaa': 'onboarding button click', // 'data-gal': 'mobile main menu', // 'data-gtm-section': 'header' // }); // $('.nav-login').attr({ // 'data-gtm-section': 'header' // }); // }); // })(jQuery); </script> <style>#wp-admin-bar-ELEMENTOR-ENV a {background: #92003B;font-weight: bold;padding: 0px !important;width: 160px;text-align: center;}</style> <style> .e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload), .e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload) * { background-image: none !important; } @media screen and (max-height: 1024px) { .e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload), .e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload) * { background-image: none !important; } } @media screen and (max-height: 640px) { .e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload), .e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload) * { background-image: none !important; } } </style> <link rel="icon" href="https://elementor.com/wp-content/uploads/2021/04/elementor-favicon-512.png" sizes="32x32" /> <link rel="icon" href="https://elementor.com/wp-content/uploads/2021/04/elementor-favicon-512.png" sizes="192x192" /> <link rel="apple-touch-icon" href="https://elementor.com/wp-content/uploads/2021/04/elementor-favicon-512.png" /> <meta name="msapplication-TileImage" content="https://elementor.com/wp-content/uploads/2021/04/elementor-favicon-512.png" /> </head> <body class="post-template-default single single-post postid-34647 single-format-standard header-blue footer-blue transparent elementor-default elementor-template-full-width elementor-kit-52406 elementor-page elementor-page-34647"> <div data-elementor-type="header" data-elementor-id="71706" class="elementor elementor-71706 elementor-location-header" data-elementor-post-type="elementor_library"> <header class="elementor-element elementor-element-b93bbcb main-header e-con-full e-flex e-con e-parent" data-id="b93bbcb" data-element_type="container" data-settings="{"background_background":"classic","sticky_effects_offset":72,"sticky":"top","sticky_on":["desktop","tablet","mobile"],"sticky_offset":0}" data-gtm-element-location="header navigation bar"> <div class="elementor-element elementor-element-9161489 site-logo elementor-view-default elementor-widget elementor-widget-icon" data-id="9161489" data-element_type="widget" data-widget_type="icon.default"> <div class="elementor-widget-container"> <div class="elementor-icon-wrapper"> <a class="elementor-icon" href="/" aria-label="Go to the homepage" data-gtm-event_name="element_click" data-gtm-type="ui" data-gtm-section="header" data-gtm-element_name="logo" data-gtm-outcome="restart navigation"> <svg xmlns="http://www.w3.org/2000/svg" aria-labelledby="elementor-logo" width="163" height="27" viewBox="0 0 163 27" fill="none"><title id="catTitle">Elementor Logo</title><path d="M102.054 12.939C102.054 12.939 100.65 13.2733 99.465 13.5566L97.6605 13.9676C97.6546 13.9676 97.6467 13.9676 97.6447 13.9676C97.6447 13.4818 97.6801 12.9685 97.7961 12.4965C97.9455 11.8907 98.2738 11.1827 98.8419 10.8719C99.4611 10.5336 100.216 10.4943 100.872 10.7559C101.551 11.0253 101.861 11.6803 101.995 12.3588C102.032 12.5476 102.058 12.7384 102.075 12.9311L102.054 12.939ZM106.756 13.9656C106.756 9.25916 103.792 7.23535 100.006 7.23535C95.7242 7.23535 93.043 10.2012 93.043 13.9892C93.043 18.1077 95.3252 20.7903 100.241 20.7903C102.899 20.7903 104.405 20.3203 106.192 19.4254L105.51 16.3415C104.145 16.9532 102.876 17.3288 101.181 17.3288C99.3235 17.3288 98.2639 16.6227 97.8649 15.305H106.638C106.709 14.953 106.756 14.5537 106.756 13.9656Z" fill="currentColor"></path><path d="M62.9249 12.939C62.9249 12.939 61.5214 13.2733 60.3361 13.5566L58.5316 13.9676C58.5257 13.9676 58.5178 13.9676 58.5158 13.9676C58.5158 13.4818 58.5512 12.9685 58.6672 12.4965C58.8166 11.8907 59.1449 11.1827 59.7129 10.8719C60.3322 10.5336 61.087 10.4943 61.7435 10.7559C62.4217 11.0253 62.7323 11.6803 62.866 12.3588C62.9033 12.5476 62.9289 12.7384 62.9466 12.9311L62.9249 12.939ZM67.627 13.9656C67.627 9.25916 64.6626 7.23535 60.8767 7.23535C56.5953 7.23535 53.9141 10.2012 53.9141 13.9892C53.9141 18.1077 56.1963 20.7903 61.1125 20.7903C63.7702 20.7903 65.2759 20.3203 67.0628 19.4254L66.3807 16.3415C65.0165 16.9532 63.7466 17.3288 62.0522 17.3288C60.1946 17.3288 59.135 16.6227 58.736 15.305H67.509C67.5798 14.953 67.627 14.5537 67.627 13.9656Z" fill="currentColor"></path><path d="M52.311 3.77588H47.9668V20.3204H52.311V3.77588Z" fill="currentColor"></path><path d="M107.674 7.65838H112.238L113.198 10.583C113.799 9.13936 115.151 7.28076 117.55 7.28076C120.842 7.28076 122.631 8.95055 122.631 13.2578V20.3185H118.069C118.069 18.8474 118.071 17.3762 118.072 15.9051C118.072 15.2305 118.061 14.5559 118.071 13.8813C118.078 13.2578 118.122 12.6147 117.791 12.0561C117.567 11.6785 117.2 11.4012 116.803 11.2123C115.997 10.8269 115.124 10.8387 114.334 11.2497C114.139 11.35 113.199 11.8594 113.199 12.0954V20.3185H108.637V11.0747L107.674 7.65838Z" fill="currentColor"></path><path d="M126.324 10.9755H124.23V7.65759H126.324V5.58265L130.886 4.50879V7.65759H135.472V10.9755H130.886V14.6947C130.886 16.1541 131.592 16.8365 132.65 16.8365C133.731 16.8365 134.344 16.6949 135.26 16.3901L135.801 19.826C134.554 20.3669 133.002 20.6265 131.425 20.6265C128.109 20.6265 126.32 19.0491 126.32 15.9908V10.9755H126.324Z" fill="currentColor"></path><path d="M144.252 17.026C145.921 17.026 146.91 15.8262 146.91 13.8949C146.91 11.9635 145.968 10.8582 144.323 10.8582C142.652 10.8582 141.689 11.9635 141.689 13.9657C141.689 15.8479 142.631 17.026 144.252 17.026ZM144.299 7.16455C148.581 7.16455 151.708 9.84723 151.708 14.0129C151.708 18.2021 148.581 20.7196 144.252 20.7196C139.947 20.7196 136.889 18.1313 136.889 14.0129C136.891 9.84723 139.926 7.16455 144.299 7.16455Z" fill="currentColor"></path><path d="M88.9542 7.61891C88.1463 7.28652 87.2322 7.16262 86.3614 7.28849C85.9172 7.35339 85.4827 7.48123 85.0798 7.67988C83.975 8.22664 83.1121 9.47161 82.6482 10.5828C82.3454 9.30443 81.4589 8.1519 80.1655 7.61891C79.3575 7.28652 78.4435 7.16262 77.5727 7.28849C77.1284 7.35339 76.694 7.48123 76.291 7.67988C75.1882 8.22467 74.3272 9.46571 73.8633 10.573V10.4924L72.9335 7.65824H68.3711L69.3323 11.0745V20.3203H73.8653V12.0599C73.881 11.9989 74.0835 11.8848 74.1189 11.8573C74.6496 11.4797 75.2747 11.0903 75.9391 11.0411C76.6173 10.99 77.2857 11.3361 77.6906 11.875C77.7339 11.934 77.7751 11.993 77.8125 12.0559C78.1447 12.6145 78.0995 13.2576 78.0916 13.8811C78.0837 14.5557 78.0955 15.2303 78.0936 15.9049C78.0916 17.3761 78.0896 18.8472 78.0896 20.3184H82.6541V13.2576C82.6541 13.2222 82.6541 13.1868 82.6541 13.1514V12.0618C82.6639 12.0028 82.8723 11.8829 82.9096 11.8573C83.4404 11.4797 84.0655 11.0903 84.7299 11.0411C85.408 10.99 86.0764 11.3361 86.4813 11.875C86.5246 11.934 86.5659 11.993 86.6032 12.0559C86.9354 12.6145 86.8902 13.2576 86.8843 13.8811C86.8764 14.5557 86.8882 15.2303 86.8863 15.9049C86.8843 17.3761 86.8823 18.8472 86.8823 20.3184H91.4448V13.2576C91.4428 11.1886 91.146 8.52166 88.9542 7.61891Z" fill="currentColor"></path><path d="M162.503 7.28271C160.105 7.28271 158.752 9.14131 158.151 10.5849L157.189 7.66033H152.625L153.586 11.0766V20.3224H158.151V11.7788C158.801 11.6647 162.33 12.3137 163 12.5596V7.29845C162.837 7.28861 162.672 7.28271 162.503 7.28271Z" fill="currentColor"></path><path d="M41.6632 12.5161C41.6632 12.5161 40.2597 12.8505 39.0744 13.1337L37.2698 13.5448C37.2639 13.5448 37.2561 13.5448 37.2541 13.5448C37.2541 13.059 37.2895 12.5456 37.4055 12.0736C37.5548 11.4679 37.8831 10.7598 38.4512 10.4491C39.0704 10.1108 39.8253 10.0714 40.4818 10.333C41.16 10.6025 41.4706 11.2574 41.6042 11.9359C41.6416 12.1248 41.6671 12.3155 41.6848 12.5083L41.6632 12.5161ZM46.3672 13.5428C46.3672 8.83631 43.4029 6.8125 39.6169 6.8125C35.3355 6.8125 32.6543 9.77839 32.6543 13.5664C32.6543 17.6848 34.9365 20.3675 39.8528 20.3675C42.5104 20.3675 44.0162 19.8974 45.803 19.0026L45.1209 15.9187C43.7567 16.5303 42.4868 16.906 40.7924 16.906C38.9348 16.906 37.8753 16.1999 37.4762 14.8822H46.2492C46.32 14.5321 46.3672 14.1309 46.3672 13.5428Z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M0 13.2084C0 20.4107 5.83624 26.2501 13.0347 26.2501C20.2332 26.2501 26.0695 20.4107 26.0695 13.2084C26.0695 6.00609 20.2332 0.166748 13.0347 0.166748C5.83624 0.166748 0 6.00609 0 13.2084ZM9.77554 7.77424H7.60342V18.6426H9.77554V7.77424ZM11.9477 7.77424H18.4641V9.94753H11.9477V7.77424ZM18.4641 12.1208H11.9477V14.2941H18.4641V12.1208ZM11.9477 16.4693H18.4641V18.6426H11.9477V16.4693Z" fill="currentColor"></path></svg> </a> </div> </div> </div> <div class="elementor-element elementor-element-2f2ba80 elementor-nav-menu--stretch main-nav elementor-nav-menu--dropdown-tablet elementor-nav-menu__text-align-aside elementor-nav-menu--toggle elementor-nav-menu--burger elementor-widget elementor-widget-nav-menu" data-id="2f2ba80" data-element_type="widget" data-settings="{"full_width":"stretch","submenu_icon":{"value":"<i class=\"\"><\/i>","library":""},"_animation_mobile":"none","layout":"horizontal","toggle":"burger"}" data-widget_type="nav-menu.default"> <div class="elementor-widget-container"> <link rel="stylesheet" href="https://elementor.com/wp-content/plugins/elementor-pro/assets/css/widget-nav-menu.min.css?ver=1728392625"> <nav aria-label="Menu" class="elementor-nav-menu--main elementor-nav-menu__container elementor-nav-menu--layout-horizontal e--pointer-none"> <ul id="menu-1-2f2ba80" class="elementor-nav-menu"><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-77130"><a href="#" class="elementor-item elementor-item-anchor">Products</a> <ul class="sub-menu elementor-nav-menu--dropdown"> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-77134"><a href="https://elementor.com/products/page-builder-plugin/" class="elementor-sub-item">Page Builder Plugin</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-77274"><a href="https://elementor.com/wordpress-hosting/" class="elementor-sub-item">WordPress Hosting</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-8222626"><a href="https://elementor.com/products/ecommerce-hosting/" class="elementor-sub-item">eCommerce Hosting</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-77135"><a href="https://elementor.com/products/ai/" class="elementor-sub-item">Elementor AI</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-82651"><a href="https://elementor.com/products/image-optimizer/" class="elementor-sub-item">Image Optimizer</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-8228328"><a href="http://elementor.com/products/site-mailer/" class="elementor-sub-item">Site Mailer</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-77136"><a href="https://elementor.com/products/hello-theme/" class="elementor-sub-item">Hello Theme</a></li> </ul> </li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-77158"><a href="https://elementor.com/wordpress-hosting/" class="elementor-item">Hosting</a> <ul class="sub-menu elementor-nav-menu--dropdown"> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-77159"><a href="https://elementor.com/wordpress-hosting/" class="elementor-sub-item">WordPress Hosting</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-8222734"><a href="https://elementor.com/products/ecommerce-hosting/" class="elementor-sub-item">eCommerce Hosting</a></li> </ul> </li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-77123"><a href="#" class="elementor-item elementor-item-anchor">Web Creation</a> <ul class="sub-menu elementor-nav-menu--dropdown"> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-77124"><a href="https://elementor.com/features/wordpress/" class="elementor-sub-item">Elementor + WordPress</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-77125"><a href="https://elementor.com/features/woocommerce-builder/" class="elementor-sub-item">Elementor + WooCommerce</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-77126"><a href="https://elementor.com/for/designer/" class="elementor-sub-item">Web Design</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-77127"><a href="https://elementor.com/widgets/" class="elementor-sub-item">Widgets</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-77128"><a href="https://elementor.com/features/" class="elementor-sub-item">All Features</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-77129"><a href="https://elementor.com/library/" class="elementor-sub-item">Kits Library</a></li> </ul> </li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-77137"><a href="#" class="elementor-item elementor-item-anchor">Resources</a> <ul class="sub-menu elementor-nav-menu--dropdown"> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-77143"><a href="https://elementor.com/blog/" class="elementor-sub-item">Blog</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-77140"><a href="https://elementor.com/help/" class="elementor-sub-item">Help Center</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-77147"><a href="https://elementor.com/community/" class="elementor-sub-item">Community</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-77141"><a href="https://elementor.com/roadmap/" class="elementor-sub-item">Roadmap</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-77138"><a href="https://showoff.elementor.com/" class="elementor-sub-item">Elementor Showoff</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-77142"><a href="https://developers.elementor.com/" class="elementor-sub-item">Developers Website</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-77144"><a href="https://elementor.com/support/" class="elementor-sub-item">Support</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-77148"><a href="https://elementor.com/addons/" class="elementor-sub-item">Add-ons</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-84736"><a href="https://prompts.elementor.com/" class="elementor-sub-item">AI Prompt Library</a></li> </ul> </li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-77152"><a href="#" class="elementor-item elementor-item-anchor">Pricing</a> <ul class="sub-menu elementor-nav-menu--dropdown"> <li class="nav-desc menu-item menu-item-type-custom menu-item-object-custom menu-item-77153"><a href="https://elementor.com/pricing/" class="elementor-sub-item">WordPress Hosting <span>All-in-one solution for WordPress websites: Managed Hosting + Website Builder + Theme</span></a></li> <li class="nav-desc menu-item menu-item-type-custom menu-item-object-custom menu-item-8222627"><a href="https://elementor.com/pricing-ecommerce-hosting/" class="elementor-sub-item">eCommerce Hosting <span>All you need to build your store efficiently and start selling today!</span></a></li> <li class="nav-desc menu-item menu-item-type-custom menu-item-object-custom menu-item-77155"><a href="https://elementor.com/pricing-plugin/" class="elementor-sub-item">Page Builder Pro Plugin <span>WordPress Pro Plugin for drag-and-drop, visual editing of web pages. </span></a></li> </ul> </li> <li class="nav-login menu-item menu-item-type-custom menu-item-object-custom menu-item-77156"><a href="https://my.elementor.com/login/?redirect_to=%2Fwebsites%2F" class="elementor-item">LOGIN</a></li> <li class="nav-cta menu-item menu-item-type-custom menu-item-object-custom menu-item-77157"><a href="https://my.elementor.com/signup/?redirect_to=https://my.elementor.com/get-started/" class="elementor-item">GET STARTED</a></li> </ul> </nav> <div class="elementor-menu-toggle" role="button" tabindex="0" aria-label="Menu Toggle" aria-expanded="false"> <span class="elementor-menu-toggle__icon--open"><svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 33 33" width="33" height="33"><path fill-rule="evenodd" clip-rule="evenodd" d="M33 14.5H0v-3h33v3Zm0 8H13.396v-3H33v3Z" fill="currentColor"></path></svg></span><span class="elementor-menu-toggle__icon--close"><svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 33 33" width="33" height="33"><path fill-rule="evenodd" clip-rule="evenodd" d="m16.859 18.484-7.787 7.33-2.143-2.278 7.649-7.199-7.65-7.199 2.144-2.277 7.787 7.33 7.787-7.33 2.143 2.277-7.65 7.2 7.65 7.198-2.143 2.277-7.787-7.329Z" fill="currentColor"></path></svg></span> <span class="elementor-screen-only">Menu</span> </div> <nav class="elementor-nav-menu--dropdown elementor-nav-menu__container" aria-hidden="true"> <ul id="menu-2-2f2ba80" class="elementor-nav-menu"><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-77130"><a href="#" class="elementor-item elementor-item-anchor" tabindex="-1">Products</a> <ul class="sub-menu elementor-nav-menu--dropdown"> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-77134"><a href="https://elementor.com/products/page-builder-plugin/" class="elementor-sub-item" tabindex="-1">Page Builder Plugin</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-77274"><a href="https://elementor.com/wordpress-hosting/" class="elementor-sub-item" tabindex="-1">WordPress Hosting</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-8222626"><a href="https://elementor.com/products/ecommerce-hosting/" class="elementor-sub-item" tabindex="-1">eCommerce Hosting</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-77135"><a href="https://elementor.com/products/ai/" class="elementor-sub-item" tabindex="-1">Elementor AI</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-82651"><a href="https://elementor.com/products/image-optimizer/" class="elementor-sub-item" tabindex="-1">Image Optimizer</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-8228328"><a href="http://elementor.com/products/site-mailer/" class="elementor-sub-item" tabindex="-1">Site Mailer</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-77136"><a href="https://elementor.com/products/hello-theme/" class="elementor-sub-item" tabindex="-1">Hello Theme</a></li> </ul> </li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-77158"><a href="https://elementor.com/wordpress-hosting/" class="elementor-item" tabindex="-1">Hosting</a> <ul class="sub-menu elementor-nav-menu--dropdown"> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-77159"><a href="https://elementor.com/wordpress-hosting/" class="elementor-sub-item" tabindex="-1">WordPress Hosting</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-8222734"><a href="https://elementor.com/products/ecommerce-hosting/" class="elementor-sub-item" tabindex="-1">eCommerce Hosting</a></li> </ul> </li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-77123"><a href="#" class="elementor-item elementor-item-anchor" tabindex="-1">Web Creation</a> <ul class="sub-menu elementor-nav-menu--dropdown"> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-77124"><a href="https://elementor.com/features/wordpress/" class="elementor-sub-item" tabindex="-1">Elementor + WordPress</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-77125"><a href="https://elementor.com/features/woocommerce-builder/" class="elementor-sub-item" tabindex="-1">Elementor + WooCommerce</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-77126"><a href="https://elementor.com/for/designer/" class="elementor-sub-item" tabindex="-1">Web Design</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-77127"><a href="https://elementor.com/widgets/" class="elementor-sub-item" tabindex="-1">Widgets</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-77128"><a href="https://elementor.com/features/" class="elementor-sub-item" tabindex="-1">All Features</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-77129"><a href="https://elementor.com/library/" class="elementor-sub-item" tabindex="-1">Kits Library</a></li> </ul> </li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-77137"><a href="#" class="elementor-item elementor-item-anchor" tabindex="-1">Resources</a> <ul class="sub-menu elementor-nav-menu--dropdown"> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-77143"><a href="https://elementor.com/blog/" class="elementor-sub-item" tabindex="-1">Blog</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-77140"><a href="https://elementor.com/help/" class="elementor-sub-item" tabindex="-1">Help Center</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-77147"><a href="https://elementor.com/community/" class="elementor-sub-item" tabindex="-1">Community</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-77141"><a href="https://elementor.com/roadmap/" class="elementor-sub-item" tabindex="-1">Roadmap</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-77138"><a href="https://showoff.elementor.com/" class="elementor-sub-item" tabindex="-1">Elementor Showoff</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-77142"><a href="https://developers.elementor.com/" class="elementor-sub-item" tabindex="-1">Developers Website</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-77144"><a href="https://elementor.com/support/" class="elementor-sub-item" tabindex="-1">Support</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-77148"><a href="https://elementor.com/addons/" class="elementor-sub-item" tabindex="-1">Add-ons</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-84736"><a href="https://prompts.elementor.com/" class="elementor-sub-item" tabindex="-1">AI Prompt Library</a></li> </ul> </li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-77152"><a href="#" class="elementor-item elementor-item-anchor" tabindex="-1">Pricing</a> <ul class="sub-menu elementor-nav-menu--dropdown"> <li class="nav-desc menu-item menu-item-type-custom menu-item-object-custom menu-item-77153"><a href="https://elementor.com/pricing/" class="elementor-sub-item" tabindex="-1">WordPress Hosting <span>All-in-one solution for WordPress websites: Managed Hosting + Website Builder + Theme</span></a></li> <li class="nav-desc menu-item menu-item-type-custom menu-item-object-custom menu-item-8222627"><a href="https://elementor.com/pricing-ecommerce-hosting/" class="elementor-sub-item" tabindex="-1">eCommerce Hosting <span>All you need to build your store efficiently and start selling today!</span></a></li> <li class="nav-desc menu-item menu-item-type-custom menu-item-object-custom menu-item-77155"><a href="https://elementor.com/pricing-plugin/" class="elementor-sub-item" tabindex="-1">Page Builder Pro Plugin <span>WordPress Pro Plugin for drag-and-drop, visual editing of web pages. </span></a></li> </ul> </li> <li class="nav-login menu-item menu-item-type-custom menu-item-object-custom menu-item-77156"><a href="https://my.elementor.com/login/?redirect_to=%2Fwebsites%2F" class="elementor-item" tabindex="-1">LOGIN</a></li> <li class="nav-cta menu-item menu-item-type-custom menu-item-object-custom menu-item-77157"><a href="https://my.elementor.com/signup/?redirect_to=https://my.elementor.com/get-started/" class="elementor-item" tabindex="-1">GET STARTED</a></li> </ul> </nav> </div> </div> <div class="elementor-element elementor-element-1e59174 elementor-align-justify nav-login elementor-hidden-tablet elementor-hidden-phone elementor-widget elementor-widget-button" data-id="1e59174" data-element_type="widget" data-gtm-section="header" data-widget_type="button.default"> <div class="elementor-widget-container"> <div class="elementor-button-wrapper"> <a class="elementor-button elementor-button-link elementor-size-sm" href="https://my.elementor.com/login/?redirect_to=%2Fwebsites%2F" aria-label="Login to you Elementor account" data-gtm-event_name="element_click" data-gtm-action_type="login" data-gtm-element-location="header"> <span class="elementor-button-content-wrapper"> <span class="elementor-button-text">Login</span> </span> </a> </div> </div> </div> <div class="elementor-element elementor-element-d196d9c elementor-align-justify elementor-hidden-tablet elementor-hidden-phone get-started-btn elementor-widget elementor-widget-button" data-id="d196d9c" data-element_type="widget" data-gac="CTA Elements" data-gaa="onboarding button click" data-gal="header navigation bar" data-gtm-section="header" data-widget_type="button.default"> <div class="elementor-widget-container"> <div class="elementor-button-wrapper"> <a class="elementor-button elementor-button-link elementor-size-sm" href="https://my.elementor.com/signup/?redirect_to=https://my.elementor.com/get-started/" aria-label="Get Started With Elementor"> <span class="elementor-button-content-wrapper"> <span class="elementor-button-text">Get Started</span> </span> </a> </div> </div> </div> </header> </div> <div data-elementor-type="wp-post" data-elementor-id="34647" class="elementor elementor-34647" data-elementor-post-type="post"> <section class="elementor-section elementor-top-section elementor-element elementor-element-d818df2 elementor-section-height-min-height elementor-section-items-stretch elementor-section-content-middle elementor-section-boxed elementor-section-height-default" data-id="d818df2" data-element_type="section" data-settings="{"background_background":"classic"}"> <div class="elementor-container elementor-column-gap-no"> <div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-e07c556" data-id="e07c556" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-5d8dfec content-block-text elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-widget-tablet__width-initial elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="5d8dfec" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <link rel="stylesheet" href="https://elementor.com/wp-content/plugins/elementor-pro/assets/css/widget-call-to-action.min.css?ver=1728392627"> <div class="elementor-cta"> <div class="elementor-cta__content"> <h1 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Perfect Designs on Any Device </h1> <div class="elementor-cta__button-wrapper elementor-cta__content-item elementor-content-item "> <a class="elementor-cta__button elementor-button elementor-size-" href="https://my.elementor.com/signup/?redirect_to=https://my.elementor.com/get-started/"> Get Started </a> </div> </div> <div class="elementor-ribbon"> <div class="elementor-ribbon-inner">Absolute Design Control</div> </div> </div> </div> </div> </div> </div> <div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-2453473" data-id="2453473" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-20ae30b elementor-widget elementor-widget-image" data-id="20ae30b" data-element_type="widget" data-widget_type="image.default"> <div class="elementor-widget-container"> <style>/*! elementor - v3.23.0 - 05-08-2024 */ .elementor-widget-image{text-align:center}.elementor-widget-image a{display:inline-block}.elementor-widget-image a img[src$=".svg"]{width:48px}.elementor-widget-image img{vertical-align:middle;display:inline-block}</style> <img fetchpriority="high" decoding="async" width="1108" height="576" src="https://elementor.com/cdn-cgi/image/f=auto,w=1108,h=576/https://elementor.com/wp-content/uploads/2021/08/Rp_Customize-Breakpoints_Hero-1.png" class="attachment-full size-full wp-image-61094" alt="Perfect Designs on Any Device" srcset="https://elementor.com/cdn-cgi/image/f=auto,w=1108/https://elementor.com/wp-content/uploads/2021/08/Rp_Customize-Breakpoints_Hero-1.png 1108w, https://elementor.com/cdn-cgi/image/f=auto,w=600/https://elementor.com/wp-content/uploads/2021/08/Rp_Customize-Breakpoints_Hero-1-600x312.png 600w, https://elementor.com/cdn-cgi/image/f=auto,w=1024/https://elementor.com/wp-content/uploads/2021/08/Rp_Customize-Breakpoints_Hero-1-1024x532.png 1024w, https://elementor.com/cdn-cgi/image/f=auto,w=768/https://elementor.com/wp-content/uploads/2021/08/Rp_Customize-Breakpoints_Hero-1-768x399.png 768w" sizes="(max-width: 1108px) 100vw, 1108px" /> </div> </div> </div> </div> </div> </section> <section class="elementor-section elementor-top-section elementor-element elementor-element-b76d933 elementor-section-height-min-height elementor-section-boxed elementor-section-height-default elementor-section-items-middle" data-id="b76d933" data-element_type="section" data-settings="{"background_background":"classic"}"> <div class="elementor-container elementor-column-gap-no"> <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-9cf197f" data-id="9cf197f" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-0e89924 elementor-widget__width-initial elementor-widget-tablet__width-initial elementor-widget-mobile__width-initial elementor-vertical-align-top elementor-widget elementor-widget-image-box" data-id="0e89924" data-element_type="widget" data-widget_type="image-box.default"> <div class="elementor-widget-container"> <style>/*! elementor - v3.23.0 - 05-08-2024 */ .elementor-widget-image-box .elementor-image-box-content{width:100%}@media (min-width:768px){.elementor-widget-image-box.elementor-position-left .elementor-image-box-wrapper,.elementor-widget-image-box.elementor-position-right .elementor-image-box-wrapper{display:flex}.elementor-widget-image-box.elementor-position-right .elementor-image-box-wrapper{text-align:end;flex-direction:row-reverse}.elementor-widget-image-box.elementor-position-left .elementor-image-box-wrapper{text-align:start;flex-direction:row}.elementor-widget-image-box.elementor-position-top .elementor-image-box-img{margin:auto}.elementor-widget-image-box.elementor-vertical-align-top .elementor-image-box-wrapper{align-items:flex-start}.elementor-widget-image-box.elementor-vertical-align-middle .elementor-image-box-wrapper{align-items:center}.elementor-widget-image-box.elementor-vertical-align-bottom .elementor-image-box-wrapper{align-items:flex-end}}@media (max-width:767px){.elementor-widget-image-box .elementor-image-box-img{margin-left:auto!important;margin-right:auto!important;margin-bottom:15px}}.elementor-widget-image-box .elementor-image-box-img{display:inline-block}.elementor-widget-image-box .elementor-image-box-title a{color:inherit}.elementor-widget-image-box .elementor-image-box-wrapper{text-align:center}.elementor-widget-image-box .elementor-image-box-description{margin:0}</style><div class="elementor-image-box-wrapper"><div class="elementor-image-box-content"><h3 class="elementor-image-box-title">Pixel-Perfect Design</h3><p class="elementor-image-box-description">Design for up to 7 devices to ensure your website is perfect on any screen. </p></div></div> </div> </div> <div class="elementor-element elementor-element-b1f5da4 elementor-widget__width-initial elementor-widget-tablet__width-initial elementor-widget-mobile__width-initial elementor-vertical-align-top elementor-widget elementor-widget-image-box" data-id="b1f5da4" data-element_type="widget" data-widget_type="image-box.default"> <div class="elementor-widget-container"> <div class="elementor-image-box-wrapper"><div class="elementor-image-box-content"><h3 class="elementor-image-box-title">Optimized Performance</h3><p class="elementor-image-box-description">Add breakpoints without risking your website鈥檚 performance.</p></div></div> </div> </div> <div class="elementor-element elementor-element-ebf35ea elementor-widget__width-initial elementor-widget-tablet__width-initial elementor-widget-mobile__width-initial elementor-vertical-align-top elementor-widget elementor-widget-image-box" data-id="ebf35ea" data-element_type="widget" data-widget_type="image-box.default"> <div class="elementor-widget-container"> <div class="elementor-image-box-wrapper"><div class="elementor-image-box-content"><h3 class="elementor-image-box-title">Zero Coding Required</h3><p class="elementor-image-box-description">Customize each breakpoint without adding a single line of code.</p></div></div> </div> </div> </div> </div> </div> </section> <section class="elementor-section elementor-top-section elementor-element elementor-element-93ddba5 content-block-wrapper elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="93ddba5" data-element_type="section"> <div class="elementor-container elementor-column-gap-no"> <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-5fa3573" data-id="5fa3573" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-c26d041 content-block-heading full-width elementor-widget-mobile__width-inherit elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="c26d041" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <h2 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Customize Your Breakpoints </h2> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Design for any screen size and create pixel-perfect websites on any device, zero coding required. </div> </div> </div> </div> </div> <section class="elementor-section elementor-inner-section elementor-element elementor-element-b9126a4 elementor-reverse-mobile elementor-reverse-tablet content-block-inner flip elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="b9126a4" data-element_type="section"> <div class="elementor-container elementor-column-gap-no"> <div class="elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-c7e7577" data-id="c7e7577" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-ce40456 content-block-text elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-widget-tablet__width-initial elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="ce40456" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <h3 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Design Without Limits </h3> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Use breakpoints to get the perfect design on any device. Add up to 7 devices, with the ability to fit your designs to every screen. </div> </div> <div class="elementor-ribbon"> <div class="elementor-ribbon-inner">Additional Breakpoints</div> </div> </div> </div> </div> <div class="elementor-element elementor-element-f84023e content-block-image elementor-widget__width-initial elementor-widget-tablet__width-initial elementor-widget-mobile__width-inherit elementor-widget elementor-widget-image" data-id="f84023e" data-element_type="widget" data-widget_type="image.default"> <div class="elementor-widget-container"> <img decoding="async" width="1100" height="840" src="https://elementor.com/cdn-cgi/image/f=auto,w=1100,h=840/https://elementor.com/wp-content/uploads/2021/08/Image-2-2.png" class="attachment-full size-full wp-image-61095" alt="Additional Breakpoints" srcset="https://elementor.com/cdn-cgi/image/f=auto,w=1100/https://elementor.com/wp-content/uploads/2021/08/Image-2-2.png 1100w, https://elementor.com/cdn-cgi/image/f=auto,w=600/https://elementor.com/wp-content/uploads/2021/08/Image-2-2-600x458.png 600w, https://elementor.com/cdn-cgi/image/f=auto,w=1024/https://elementor.com/wp-content/uploads/2021/08/Image-2-2-1024x782.png 1024w, https://elementor.com/cdn-cgi/image/f=auto,w=768/https://elementor.com/wp-content/uploads/2021/08/Image-2-2-768x586.png 768w" sizes="(max-width: 1100px) 100vw, 1100px" /> </div> </div> </div> </div> </div> </section> <section class="elementor-section elementor-inner-section elementor-element elementor-element-47b564e elementor-reverse-mobile elementor-reverse-tablet content-block-inner elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="47b564e" data-element_type="section"> <div class="elementor-container elementor-column-gap-no"> <div class="elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-deb862c" data-id="deb862c" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-5974018 content-block-image elementor-widget__width-initial elementor-widget-tablet__width-initial elementor-widget-mobile__width-inherit elementor-widget elementor-widget-image" data-id="5974018" data-element_type="widget" data-widget_type="image.default"> <div class="elementor-widget-container"> <img decoding="async" width="596" height="443" src="https://elementor.com/cdn-cgi/image/f=auto,w=596,h=443/https://elementor.com/wp-content/uploads/2021/08/Group-10879009.png" class="attachment-full size-full wp-image-61096" alt="Custom Breakpoints" /> </div> </div> <div class="elementor-element elementor-element-1eddbd3 content-block-text elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-widget-tablet__width-initial elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="1eddbd3" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <h3 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Control Your Creative Vision </h3> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Control each breakpoint value individually and customize them to fit your needs. Enjoy complete design flexibility without writing a single line of code. </div> </div> <div class="elementor-ribbon"> <div class="elementor-ribbon-inner">Custom Breakpoints</div> </div> </div> </div> </div> </div> </div> </div> </section> <section class="elementor-section elementor-inner-section elementor-element elementor-element-5976e63 elementor-reverse-mobile elementor-reverse-tablet content-block-inner flip elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="5976e63" data-element_type="section"> <div class="elementor-container elementor-column-gap-no"> <div class="elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-a3c4b3c" data-id="a3c4b3c" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-38a6ad8 content-block-text elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-widget-tablet__width-initial elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="38a6ad8" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <h3 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> View Your Breakpoint Values </h3> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> See how values transition from one device to another. View the starting values and change breakpoints accordingly to keep your designs consistent on each screen. </div> </div> <div class="elementor-ribbon"> <div class="elementor-ribbon-inner">visible responsive values</div> </div> </div> </div> </div> <div class="elementor-element elementor-element-c60534b content-block-image elementor-widget__width-initial elementor-widget-tablet__width-initial elementor-widget-mobile__width-inherit elementor-widget elementor-widget-image" data-id="c60534b" data-element_type="widget" data-widget_type="image.default"> <div class="elementor-widget-container"> <img loading="lazy" decoding="async" width="1100" height="840" src="https://elementor.com/cdn-cgi/image/f=auto,w=1100,h=840/https://elementor.com/wp-content/uploads/2021/08/Image-3.png" class="attachment-full size-full wp-image-61097" alt="Visible Responsive Values" srcset="https://elementor.com/cdn-cgi/image/f=auto,w=1100/https://elementor.com/wp-content/uploads/2021/08/Image-3.png 1100w, https://elementor.com/cdn-cgi/image/f=auto,w=600/https://elementor.com/wp-content/uploads/2021/08/Image-3-600x458.png 600w, https://elementor.com/cdn-cgi/image/f=auto,w=1024/https://elementor.com/wp-content/uploads/2021/08/Image-3-1024x782.png 1024w, https://elementor.com/cdn-cgi/image/f=auto,w=768/https://elementor.com/wp-content/uploads/2021/08/Image-3-768x586.png 768w" sizes="(max-width: 1100px) 100vw, 1100px" /> </div> </div> </div> </div> </div> </section> <div class="elementor-element elementor-element-6c3bb52 content-block-heading full-width elementor-widget-mobile__width-inherit elementor-widget-tablet__width-initial elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="6c3bb52" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <h2 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Optimize Your Designs With Breakpoints </h2> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Enjoy even more design freedom with breakpoints, and optimize your creations for any device. </div> </div> </div> </div> </div> </div> </div> </div> </section> <section class="elementor-section elementor-top-section elementor-element elementor-element-dca15c2 elementor-section-content-top elementor-section-height-min-height elementor-section-items-stretch elementor-section-boxed elementor-section-height-default" data-id="dca15c2" data-element_type="section" data-settings="{"background_background":"classic"}"> <div class="elementor-container elementor-column-gap-no"> <div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-6d4615c" data-id="6d4615c" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-0e29cb7 elementor-widget-tablet__width-initial elementor-widget-mobile__width-initial elementor-widget__width-initial elementor-vertical-align-top elementor-widget elementor-widget-image-box" data-id="0e29cb7" data-element_type="widget" data-settings="{"sticky":"top","sticky_parent":"yes","sticky_offset":130,"sticky_on":["desktop"],"sticky_effects_offset":0}" data-widget_type="image-box.default"> <div class="elementor-widget-container"> <div class="elementor-image-box-wrapper"><div class="elementor-image-box-content"><h2 class="elementor-image-box-title">Experience Full Design Control</h2><p class="elementor-image-box-description">Breakpoints help take your designs to the next level, no matter where they鈥檙e being seen. Make the most of Elementor鈥檚 advanced design features while ensuring your work is pixel-perfect on every device. </p></div></div> </div> </div> </div> </div> <div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-45ba164" data-id="45ba164" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-97c7e3b elementor-widget elementor-widget-video" data-id="97c7e3b" data-element_type="widget" data-settings="{"video_type":"hosted","autoplay":"yes","play_on_mobile":"yes","mute":"yes","loop":"yes"}" data-widget_type="video.default"> <div class="elementor-widget-container"> <style>/*! elementor - v3.23.0 - 05-08-2024 */ .elementor-widget-video .elementor-widget-container{overflow:hidden;transform:translateZ(0)}.elementor-widget-video .elementor-wrapper{aspect-ratio:var(--video-aspect-ratio)}.elementor-widget-video .elementor-wrapper iframe,.elementor-widget-video .elementor-wrapper video{height:100%;width:100%;display:flex;border:none;background-color:#000}@supports not (aspect-ratio:1/1){.elementor-widget-video .elementor-wrapper{position:relative;overflow:hidden;height:0;padding-bottom:calc(100% / var(--video-aspect-ratio))}.elementor-widget-video .elementor-wrapper iframe,.elementor-widget-video .elementor-wrapper video{position:absolute;top:0;right:0;bottom:0;left:0}}.elementor-widget-video .elementor-open-inline .elementor-custom-embed-image-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:50%}.elementor-widget-video .elementor-custom-embed-image-overlay{cursor:pointer;text-align:center}.elementor-widget-video .elementor-custom-embed-image-overlay:hover .elementor-custom-embed-play i{opacity:1}.elementor-widget-video .elementor-custom-embed-image-overlay img{display:block;width:100%;aspect-ratio:var(--video-aspect-ratio);-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center}@supports not (aspect-ratio:1/1){.elementor-widget-video .elementor-custom-embed-image-overlay{position:relative;overflow:hidden;height:0;padding-bottom:calc(100% / var(--video-aspect-ratio))}.elementor-widget-video .elementor-custom-embed-image-overlay img{position:absolute;top:0;right:0;bottom:0;left:0}}.elementor-widget-video .e-hosted-video .elementor-video{-o-object-fit:cover;object-fit:cover}.e-con-inner>.elementor-widget-video,.e-con>.elementor-widget-video{width:var(--container-widget-width);--flex-grow:var(--container-widget-flex-grow)}</style> <div class="e-hosted-video elementor-wrapper elementor-open-inline"> <video class="elementor-video" src="https://elementor.com/wp-content/uploads/2021/08/BP-Navigation-Menu.mp4" autoplay="" loop="" muted="muted" playsinline="" controlsList="nodownload"></video> </div> </div> </div> <div class="elementor-element elementor-element-53c5b90 elementor-widget__width-initial elementor-widget-tablet__width-inherit elementor-widget-mobile__width-initial elementor-vertical-align-top elementor-widget elementor-widget-image-box" data-id="53c5b90" data-element_type="widget" data-widget_type="image-box.default"> <div class="elementor-widget-container"> <div class="elementor-image-box-wrapper"><div class="elementor-image-box-content"><h3 class="elementor-image-box-title">Navigation Menu</h3><p class="elementor-image-box-description">Control how your menu is displayed on every device so that it鈥檚 always easy to navigate. </p></div></div> </div> </div> <div class="elementor-element elementor-element-9a275ab elementor-widget elementor-widget-video" data-id="9a275ab" data-element_type="widget" data-settings="{"video_type":"hosted","autoplay":"yes","play_on_mobile":"yes","mute":"yes","loop":"yes"}" data-widget_type="video.default"> <div class="elementor-widget-container"> <div class="e-hosted-video elementor-wrapper elementor-open-inline"> <video class="elementor-video" src="https://elementor.com/wp-content/uploads/2021/08/BP-Motion-Effect.mp4" autoplay="" loop="" muted="muted" playsinline="" controlsList="nodownload"></video> </div> </div> </div> <div class="elementor-element elementor-element-37da31f elementor-widget__width-initial elementor-widget-tablet__width-initial elementor-widget-mobile__width-initial elementor-vertical-align-top elementor-widget elementor-widget-image-box" data-id="37da31f" data-element_type="widget" data-widget_type="image-box.default"> <div class="elementor-widget-container"> <div class="elementor-image-box-wrapper"><div class="elementor-image-box-content"><h3 class="elementor-image-box-title">Motion Effect</h3><p class="elementor-image-box-description">Adjust the movement for each element to ensure they remain in sync on every device. </p></div></div> </div> </div> <div class="elementor-element elementor-element-429343d elementor-widget elementor-widget-video" data-id="429343d" data-element_type="widget" data-settings="{"video_type":"hosted","autoplay":"yes","play_on_mobile":"yes","mute":"yes","loop":"yes"}" data-widget_type="video.default"> <div class="elementor-widget-container"> <div class="e-hosted-video elementor-wrapper elementor-open-inline"> <video class="elementor-video" src="https://elementor.com/wp-content/uploads/2021/08/BP-Absolute-Positioning.mp4" autoplay="" loop="" muted="muted" playsinline="" controlsList="nodownload"></video> </div> </div> </div> <div class="elementor-element elementor-element-aad40db elementor-widget__width-initial elementor-widget-tablet__width-initial elementor-widget-mobile__width-initial elementor-vertical-align-top elementor-widget elementor-widget-image-box" data-id="aad40db" data-element_type="widget" data-widget_type="image-box.default"> <div class="elementor-widget-container"> <div class="elementor-image-box-wrapper"><div class="elementor-image-box-content"><h3 class="elementor-image-box-title">Absolute Positioning </h3><p class="elementor-image-box-description">Set the right position for evey componnent on each size you pick. </p></div></div> </div> </div> </div> </div> </div> </section> <section class="elementor-section elementor-top-section elementor-element elementor-element-4a1f94b content-block-wrapper elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="4a1f94b" data-element_type="section" data-settings="{"background_background":"classic"}"> <div class="elementor-container elementor-column-gap-no"> <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-de84ae5" data-id="de84ae5" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-b4e4924 content-block-heading elementor-widget-mobile__width-inherit elementor-widget-tablet__width-initial elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="b4e4924" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <h2 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Master Breakpoints With Elementor </h2> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Learn about responsive design and breakpoints through video tutorials, courses, blogs, and more. </div> </div> </div> </div> </div> <section class="elementor-section elementor-inner-section elementor-element elementor-element-910561f content-block-inner elementor-section-full_width elementor-section-height-default elementor-section-height-default" data-id="910561f" data-element_type="section"> <div class="elementor-container elementor-column-gap-no"> <div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-cf7bdfd content-block-blog-big" data-id="cf7bdfd" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-ff50b74 content-block-text ghost elementor-widget__width-inherit elementor-widget-mobile__width-inherit elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="ff50b74" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__bg-wrapper"> <div class="elementor-cta__bg elementor-bg" style="background-image: url(https://elementor.com/wp-content/uploads/2021/08/01-FEATURE.png);" role="img" aria-label="Elementor 3.4 - Break Design Limits With Additional Custom Breakpoints"></div> <div class="elementor-cta__bg-overlay"></div> </div> <div class="elementor-cta__content"> <h3 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Elementor 3.4 - Break Design Limits<br> With Additional Custom Breakpoints </h3> <div class="elementor-cta__button-wrapper elementor-cta__content-item elementor-content-item "> <a class="elementor-cta__button elementor-button elementor-size-" href="https://elementor.com/blog/introducing-elementor-3-4/" aria-label="go to page"> Read More <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M2.24999 10.071C2.24999 9.65683 2.58578 9.32104 2.99999 9.32104L15.3315 9.32105L10.7031 4.69273C10.4103 4.39983 10.4103 3.92496 10.7031 3.63207C10.996 3.33917 11.4709 3.33917 11.7638 3.63207L17.6725 9.54071C17.9653 9.83361 17.9653 10.3085 17.6725 10.6014L11.7638 16.51C11.4709 16.8029 10.996 16.8029 10.7031 16.51C10.4103 16.2171 10.4103 15.7423 10.7031 15.4494L15.3315 10.821L2.99999 10.821C2.58578 10.821 2.24999 10.4853 2.24999 10.071Z" fill="currentColor"></path></svg> </a> </div> </div> </div> </div> </div> </div> </div> <div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-d746d1c content-block-blog-side" data-id="d746d1c" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-af45830 content-block-text ghost elementor-widget__width-inherit elementor-widget-mobile__width-inherit elementor-widget-tablet__width-initial elementor-cta--layout-image-left elementor-cta--tablet-layout-image-above elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="af45830" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__bg-wrapper"> <div class="elementor-cta__bg elementor-bg" style="background-image: url(https://elementor.com/wp-content/uploads/2021/08/3-4-blog-1.png);" role="img" aria-label="Tutorial: Additional Custom Breakpoints"></div> <div class="elementor-cta__bg-overlay"></div> </div> <div class="elementor-cta__content"> <h3 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Tutorial: Additional Custom Breakpoints </h3> <div class="elementor-cta__button-wrapper elementor-cta__content-item elementor-content-item "> <a class="elementor-cta__button elementor-button elementor-size-" href="https://www.youtube.com/watch?v=i1yTLQ9R-Yw" target="_blank" aria-label="watch video(popup)"> Watch Video <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M2.24999 10.071C2.24999 9.65683 2.58578 9.32104 2.99999 9.32104L15.3315 9.32105L10.7031 4.69273C10.4103 4.39983 10.4103 3.92496 10.7031 3.63207C10.996 3.33917 11.4709 3.33917 11.7638 3.63207L17.6725 9.54071C17.9653 9.83361 17.9653 10.3085 17.6725 10.6014L11.7638 16.51C11.4709 16.8029 10.996 16.8029 10.7031 16.51C10.4103 16.2171 10.4103 15.7423 10.7031 15.4494L15.3315 10.821L2.99999 10.821C2.58578 10.821 2.24999 10.4853 2.24999 10.071Z" fill="currentColor"></path></svg> </a> </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-193974c content-block-text ghost elementor-widget__width-inherit elementor-widget-mobile__width-inherit elementor-widget-tablet__width-initial elementor-cta--layout-image-left elementor-cta--tablet-layout-image-above elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="193974c" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__bg-wrapper"> <div class="elementor-cta__bg elementor-bg" style="background-image: url(https://elementor.com/wp-content/uploads/2021/08/3-4-blog-2.png);" role="img" aria-label="Introducing: Additional Custom Breakpoints"></div> <div class="elementor-cta__bg-overlay"></div> </div> <div class="elementor-cta__content"> <h3 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Introducing: Additional Custom Breakpoints </h3> <div class="elementor-cta__button-wrapper elementor-cta__content-item elementor-content-item "> <a class="elementor-cta__button elementor-button elementor-size-" href="https://www.youtube.com/watch?v=4Iw6Qce4ij4&feature=youtu.be" target="_blank" aria-label="watch video(popup)"> Watch Video <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M2.24999 10.071C2.24999 9.65683 2.58578 9.32104 2.99999 9.32104L15.3315 9.32105L10.7031 4.69273C10.4103 4.39983 10.4103 3.92496 10.7031 3.63207C10.996 3.33917 11.4709 3.33917 11.7638 3.63207L17.6725 9.54071C17.9653 9.83361 17.9653 10.3085 17.6725 10.6014L11.7638 16.51C11.4709 16.8029 10.996 16.8029 10.7031 16.51C10.4103 16.2171 10.4103 15.7423 10.7031 15.4494L15.3315 10.821L2.99999 10.821C2.58578 10.821 2.24999 10.4853 2.24999 10.071Z" fill="currentColor"></path></svg> </a> </div> </div> </div> </div> </div> </div> </div> </div> </section> </div> </div> </div> </section> <section class="elementor-section elementor-top-section elementor-element elementor-element-7b82f4c elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="7b82f4c" data-element_type="section" data-settings="{"background_background":"classic"}"> <div class="elementor-container elementor-column-gap-no"> <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-3ff5d74" data-id="3ff5d74" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-1acf58b elementor-widget elementor-widget-heading" data-id="1acf58b" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <style>/*! elementor - v3.23.0 - 05-08-2024 */ .elementor-heading-title{padding:0;margin:0;line-height:1}.elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a{color:inherit;font-size:inherit;line-height:inherit}.elementor-widget-heading .elementor-heading-title.elementor-size-small{font-size:15px}.elementor-widget-heading .elementor-heading-title.elementor-size-medium{font-size:19px}.elementor-widget-heading .elementor-heading-title.elementor-size-large{font-size:29px}.elementor-widget-heading .elementor-heading-title.elementor-size-xl{font-size:39px}.elementor-widget-heading .elementor-heading-title.elementor-size-xxl{font-size:59px}</style><h2 class="elementor-heading-title elementor-size-default">You Build Professional Websites.<br> Elementor Takes Care of the Rest.</h2> </div> </div> <div class="elementor-element elementor-element-796ac8b elementor-align-left elementor-mobile-align-left elementor-widget__width-auto primary-btn elementor-widget elementor-widget-button" data-id="796ac8b" data-element_type="widget" data-widget_type="button.default"> <div class="elementor-widget-container"> <div class="elementor-button-wrapper"> <a class="elementor-button elementor-button-link elementor-size-sm" href="https://my.elementor.com/signup/?redirect_to=https://my.elementor.com/get-started/" alt="Start Creating"> <span class="elementor-button-content-wrapper"> <span class="elementor-button-text">Start Creating</span> </span> </a> </div> </div> </div> <div class="elementor-element elementor-element-4a7d465 elementor-widget elementor-widget-image" data-id="4a7d465" data-element_type="widget" data-widget_type="image.default"> <div class="elementor-widget-container"> <img loading="lazy" decoding="async" width="2394" height="732" src="https://elementor.com/cdn-cgi/image/f=auto,w=2394,h=732/https://elementor.com/wp-content/uploads/2021/08/Mask-Group-1.png" class="attachment-full size-full wp-image-61107" alt="Start Creating" srcset="https://elementor.com/cdn-cgi/image/f=auto,w=2394/https://elementor.com/wp-content/uploads/2021/08/Mask-Group-1.png 2394w, https://elementor.com/cdn-cgi/image/f=auto,w=600/https://elementor.com/wp-content/uploads/2021/08/Mask-Group-1-600x183.png 600w, https://elementor.com/cdn-cgi/image/f=auto,w=1024/https://elementor.com/wp-content/uploads/2021/08/Mask-Group-1-1024x313.png 1024w, https://elementor.com/cdn-cgi/image/f=auto,w=768/https://elementor.com/wp-content/uploads/2021/08/Mask-Group-1-768x235.png 768w, https://elementor.com/cdn-cgi/image/f=auto,w=1536/https://elementor.com/wp-content/uploads/2021/08/Mask-Group-1-1536x470.png 1536w, https://elementor.com/cdn-cgi/image/f=auto,w=2048/https://elementor.com/wp-content/uploads/2021/08/Mask-Group-1-2048x626.png 2048w" sizes="(max-width: 2394px) 100vw, 2394px" /> </div> </div> </div> </div> </div> </section> </div> <div data-elementor-type="footer" data-elementor-id="16853" class="elementor elementor-16853 elementor-location-footer" data-elementor-post-type="elementor_library"> <footer class="elementor-element elementor-element-3776da5 main-footer e-grid e-con-boxed e-con e-parent" data-id="3776da5" data-element_type="container" data-settings="{"background_background":"classic"}" data-gtm-element-location="footer"> <div class="e-con-inner"> <div class="elementor-element elementor-element-89c5dad footerAccord e-con-full e-flex e-con e-child" data-id="89c5dad" data-element_type="container"> <div class="elementor-element elementor-element-f94a368 elementor-view-default elementor-widget elementor-widget-icon" data-id="f94a368" data-element_type="widget" data-widget_type="icon.default"> <div class="elementor-widget-container"> <div class="elementor-icon-wrapper"> <div class="elementor-icon"> <svg xmlns="http://www.w3.org/2000/svg" aria-labelledby="elementor-logo" width="163" height="27" viewBox="0 0 163 27" fill="none"><title id="catTitle">Elementor Logo</title><path d="M102.054 12.939C102.054 12.939 100.65 13.2733 99.465 13.5566L97.6605 13.9676C97.6546 13.9676 97.6467 13.9676 97.6447 13.9676C97.6447 13.4818 97.6801 12.9685 97.7961 12.4965C97.9455 11.8907 98.2738 11.1827 98.8419 10.8719C99.4611 10.5336 100.216 10.4943 100.872 10.7559C101.551 11.0253 101.861 11.6803 101.995 12.3588C102.032 12.5476 102.058 12.7384 102.075 12.9311L102.054 12.939ZM106.756 13.9656C106.756 9.25916 103.792 7.23535 100.006 7.23535C95.7242 7.23535 93.043 10.2012 93.043 13.9892C93.043 18.1077 95.3252 20.7903 100.241 20.7903C102.899 20.7903 104.405 20.3203 106.192 19.4254L105.51 16.3415C104.145 16.9532 102.876 17.3288 101.181 17.3288C99.3235 17.3288 98.2639 16.6227 97.8649 15.305H106.638C106.709 14.953 106.756 14.5537 106.756 13.9656Z" fill="currentColor"></path><path d="M62.9249 12.939C62.9249 12.939 61.5214 13.2733 60.3361 13.5566L58.5316 13.9676C58.5257 13.9676 58.5178 13.9676 58.5158 13.9676C58.5158 13.4818 58.5512 12.9685 58.6672 12.4965C58.8166 11.8907 59.1449 11.1827 59.7129 10.8719C60.3322 10.5336 61.087 10.4943 61.7435 10.7559C62.4217 11.0253 62.7323 11.6803 62.866 12.3588C62.9033 12.5476 62.9289 12.7384 62.9466 12.9311L62.9249 12.939ZM67.627 13.9656C67.627 9.25916 64.6626 7.23535 60.8767 7.23535C56.5953 7.23535 53.9141 10.2012 53.9141 13.9892C53.9141 18.1077 56.1963 20.7903 61.1125 20.7903C63.7702 20.7903 65.2759 20.3203 67.0628 19.4254L66.3807 16.3415C65.0165 16.9532 63.7466 17.3288 62.0522 17.3288C60.1946 17.3288 59.135 16.6227 58.736 15.305H67.509C67.5798 14.953 67.627 14.5537 67.627 13.9656Z" fill="currentColor"></path><path d="M52.311 3.77588H47.9668V20.3204H52.311V3.77588Z" fill="currentColor"></path><path d="M107.674 7.65838H112.238L113.198 10.583C113.799 9.13936 115.151 7.28076 117.55 7.28076C120.842 7.28076 122.631 8.95055 122.631 13.2578V20.3185H118.069C118.069 18.8474 118.071 17.3762 118.072 15.9051C118.072 15.2305 118.061 14.5559 118.071 13.8813C118.078 13.2578 118.122 12.6147 117.791 12.0561C117.567 11.6785 117.2 11.4012 116.803 11.2123C115.997 10.8269 115.124 10.8387 114.334 11.2497C114.139 11.35 113.199 11.8594 113.199 12.0954V20.3185H108.637V11.0747L107.674 7.65838Z" fill="currentColor"></path><path d="M126.324 10.9755H124.23V7.65759H126.324V5.58265L130.886 4.50879V7.65759H135.472V10.9755H130.886V14.6947C130.886 16.1541 131.592 16.8365 132.65 16.8365C133.731 16.8365 134.344 16.6949 135.26 16.3901L135.801 19.826C134.554 20.3669 133.002 20.6265 131.425 20.6265C128.109 20.6265 126.32 19.0491 126.32 15.9908V10.9755H126.324Z" fill="currentColor"></path><path d="M144.252 17.026C145.921 17.026 146.91 15.8262 146.91 13.8949C146.91 11.9635 145.968 10.8582 144.323 10.8582C142.652 10.8582 141.689 11.9635 141.689 13.9657C141.689 15.8479 142.631 17.026 144.252 17.026ZM144.299 7.16455C148.581 7.16455 151.708 9.84723 151.708 14.0129C151.708 18.2021 148.581 20.7196 144.252 20.7196C139.947 20.7196 136.889 18.1313 136.889 14.0129C136.891 9.84723 139.926 7.16455 144.299 7.16455Z" fill="currentColor"></path><path d="M88.9542 7.61891C88.1463 7.28652 87.2322 7.16262 86.3614 7.28849C85.9172 7.35339 85.4827 7.48123 85.0798 7.67988C83.975 8.22664 83.1121 9.47161 82.6482 10.5828C82.3454 9.30443 81.4589 8.1519 80.1655 7.61891C79.3575 7.28652 78.4435 7.16262 77.5727 7.28849C77.1284 7.35339 76.694 7.48123 76.291 7.67988C75.1882 8.22467 74.3272 9.46571 73.8633 10.573V10.4924L72.9335 7.65824H68.3711L69.3323 11.0745V20.3203H73.8653V12.0599C73.881 11.9989 74.0835 11.8848 74.1189 11.8573C74.6496 11.4797 75.2747 11.0903 75.9391 11.0411C76.6173 10.99 77.2857 11.3361 77.6906 11.875C77.7339 11.934 77.7751 11.993 77.8125 12.0559C78.1447 12.6145 78.0995 13.2576 78.0916 13.8811C78.0837 14.5557 78.0955 15.2303 78.0936 15.9049C78.0916 17.3761 78.0896 18.8472 78.0896 20.3184H82.6541V13.2576C82.6541 13.2222 82.6541 13.1868 82.6541 13.1514V12.0618C82.6639 12.0028 82.8723 11.8829 82.9096 11.8573C83.4404 11.4797 84.0655 11.0903 84.7299 11.0411C85.408 10.99 86.0764 11.3361 86.4813 11.875C86.5246 11.934 86.5659 11.993 86.6032 12.0559C86.9354 12.6145 86.8902 13.2576 86.8843 13.8811C86.8764 14.5557 86.8882 15.2303 86.8863 15.9049C86.8843 17.3761 86.8823 18.8472 86.8823 20.3184H91.4448V13.2576C91.4428 11.1886 91.146 8.52166 88.9542 7.61891Z" fill="currentColor"></path><path d="M162.503 7.28271C160.105 7.28271 158.752 9.14131 158.151 10.5849L157.189 7.66033H152.625L153.586 11.0766V20.3224H158.151V11.7788C158.801 11.6647 162.33 12.3137 163 12.5596V7.29845C162.837 7.28861 162.672 7.28271 162.503 7.28271Z" fill="currentColor"></path><path d="M41.6632 12.5161C41.6632 12.5161 40.2597 12.8505 39.0744 13.1337L37.2698 13.5448C37.2639 13.5448 37.2561 13.5448 37.2541 13.5448C37.2541 13.059 37.2895 12.5456 37.4055 12.0736C37.5548 11.4679 37.8831 10.7598 38.4512 10.4491C39.0704 10.1108 39.8253 10.0714 40.4818 10.333C41.16 10.6025 41.4706 11.2574 41.6042 11.9359C41.6416 12.1248 41.6671 12.3155 41.6848 12.5083L41.6632 12.5161ZM46.3672 13.5428C46.3672 8.83631 43.4029 6.8125 39.6169 6.8125C35.3355 6.8125 32.6543 9.77839 32.6543 13.5664C32.6543 17.6848 34.9365 20.3675 39.8528 20.3675C42.5104 20.3675 44.0162 19.8974 45.803 19.0026L45.1209 15.9187C43.7567 16.5303 42.4868 16.906 40.7924 16.906C38.9348 16.906 37.8753 16.1999 37.4762 14.8822H46.2492C46.32 14.5321 46.3672 14.1309 46.3672 13.5428Z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M0 13.2084C0 20.4107 5.83624 26.2501 13.0347 26.2501C20.2332 26.2501 26.0695 20.4107 26.0695 13.2084C26.0695 6.00609 20.2332 0.166748 13.0347 0.166748C5.83624 0.166748 0 6.00609 0 13.2084ZM9.77554 7.77424H7.60342V18.6426H9.77554V7.77424ZM11.9477 7.77424H18.4641V9.94753H11.9477V7.77424ZM18.4641 12.1208H11.9477V14.2941H18.4641V12.1208ZM11.9477 16.4693H18.4641V18.6426H11.9477V16.4693Z" fill="currentColor"></path></svg> </div> </div> </div> </div> <div class="elementor-element elementor-element-39c2d89 e-grid-align-left elementor-grid-mobile-5 e-grid-align-mobile-left elementor-shape-rounded elementor-grid-0 elementor-widget elementor-widget-social-icons" data-id="39c2d89" data-element_type="widget" data-widget_type="social-icons.default"> <div class="elementor-widget-container"> <style>/*! elementor - v3.23.0 - 05-08-2024 */ .elementor-widget-social-icons.elementor-grid-0 .elementor-widget-container,.elementor-widget-social-icons.elementor-grid-mobile-0 .elementor-widget-container,.elementor-widget-social-icons.elementor-grid-tablet-0 .elementor-widget-container{line-height:1;font-size:0}.elementor-widget-social-icons:not(.elementor-grid-0):not(.elementor-grid-tablet-0):not(.elementor-grid-mobile-0) .elementor-grid{display:inline-grid}.elementor-widget-social-icons .elementor-grid{grid-column-gap:var(--grid-column-gap,5px);grid-row-gap:var(--grid-row-gap,5px);grid-template-columns:var(--grid-template-columns);justify-content:var(--justify-content,center);justify-items:var(--justify-content,center)}.elementor-icon.elementor-social-icon{font-size:var(--icon-size,25px);line-height:var(--icon-size,25px);width:calc(var(--icon-size, 25px) + 2 * var(--icon-padding, .5em));height:calc(var(--icon-size, 25px) + 2 * var(--icon-padding, .5em))}.elementor-social-icon{--e-social-icon-icon-color:#fff;display:inline-flex;background-color:#69727d;align-items:center;justify-content:center;text-align:center;cursor:pointer}.elementor-social-icon i{color:var(--e-social-icon-icon-color)}.elementor-social-icon svg{fill:var(--e-social-icon-icon-color)}.elementor-social-icon:last-child{margin:0}.elementor-social-icon:hover{opacity:.9;color:#fff}.elementor-social-icon-android{background-color:#a4c639}.elementor-social-icon-apple{background-color:#999}.elementor-social-icon-behance{background-color:#1769ff}.elementor-social-icon-bitbucket{background-color:#205081}.elementor-social-icon-codepen{background-color:#000}.elementor-social-icon-delicious{background-color:#39f}.elementor-social-icon-deviantart{background-color:#05cc47}.elementor-social-icon-digg{background-color:#005be2}.elementor-social-icon-dribbble{background-color:#ea4c89}.elementor-social-icon-elementor{background-color:#d30c5c}.elementor-social-icon-envelope{background-color:#ea4335}.elementor-social-icon-facebook,.elementor-social-icon-facebook-f{background-color:#3b5998}.elementor-social-icon-flickr{background-color:#0063dc}.elementor-social-icon-foursquare{background-color:#2d5be3}.elementor-social-icon-free-code-camp,.elementor-social-icon-freecodecamp{background-color:#006400}.elementor-social-icon-github{background-color:#333}.elementor-social-icon-gitlab{background-color:#e24329}.elementor-social-icon-globe{background-color:#69727d}.elementor-social-icon-google-plus,.elementor-social-icon-google-plus-g{background-color:#dd4b39}.elementor-social-icon-houzz{background-color:#7ac142}.elementor-social-icon-instagram{background-color:#262626}.elementor-social-icon-jsfiddle{background-color:#487aa2}.elementor-social-icon-link{background-color:#818a91}.elementor-social-icon-linkedin,.elementor-social-icon-linkedin-in{background-color:#0077b5}.elementor-social-icon-medium{background-color:#00ab6b}.elementor-social-icon-meetup{background-color:#ec1c40}.elementor-social-icon-mixcloud{background-color:#273a4b}.elementor-social-icon-odnoklassniki{background-color:#f4731c}.elementor-social-icon-pinterest{background-color:#bd081c}.elementor-social-icon-product-hunt{background-color:#da552f}.elementor-social-icon-reddit{background-color:#ff4500}.elementor-social-icon-rss{background-color:#f26522}.elementor-social-icon-shopping-cart{background-color:#4caf50}.elementor-social-icon-skype{background-color:#00aff0}.elementor-social-icon-slideshare{background-color:#0077b5}.elementor-social-icon-snapchat{background-color:#fffc00}.elementor-social-icon-soundcloud{background-color:#f80}.elementor-social-icon-spotify{background-color:#2ebd59}.elementor-social-icon-stack-overflow{background-color:#fe7a15}.elementor-social-icon-steam{background-color:#00adee}.elementor-social-icon-stumbleupon{background-color:#eb4924}.elementor-social-icon-telegram{background-color:#2ca5e0}.elementor-social-icon-threads{background-color:#000}.elementor-social-icon-thumb-tack{background-color:#1aa1d8}.elementor-social-icon-tripadvisor{background-color:#589442}.elementor-social-icon-tumblr{background-color:#35465c}.elementor-social-icon-twitch{background-color:#6441a5}.elementor-social-icon-twitter{background-color:#1da1f2}.elementor-social-icon-viber{background-color:#665cac}.elementor-social-icon-vimeo{background-color:#1ab7ea}.elementor-social-icon-vk{background-color:#45668e}.elementor-social-icon-weibo{background-color:#dd2430}.elementor-social-icon-weixin{background-color:#31a918}.elementor-social-icon-whatsapp{background-color:#25d366}.elementor-social-icon-wordpress{background-color:#21759b}.elementor-social-icon-x-twitter{background-color:#000}.elementor-social-icon-xing{background-color:#026466}.elementor-social-icon-yelp{background-color:#af0606}.elementor-social-icon-youtube{background-color:#cd201f}.elementor-social-icon-500px{background-color:#0099e5}.elementor-shape-rounded .elementor-icon.elementor-social-icon{border-radius:10%}.elementor-shape-circle .elementor-icon.elementor-social-icon{border-radius:50%}</style> <div class="elementor-social-icons-wrapper elementor-grid"> <span class="elementor-grid-item"> <a class="elementor-icon elementor-social-icon elementor-social-icon- elementor-repeater-item-cf6fe02" href="https://wordpress.org/plugins/elementor/" target="_blank" rel="noopener noreferrer"> <span class="elementor-screen-only"></span> <svg xmlns="http://www.w3.org/2000/svg" aria-labelledby="wordpress-logo" data-prefix="fab" data-icon="wordpress" viewBox="0 0 512 512"><title>Wordpress logo</title><path d="M61.7 169.4l101.5 278C92.2 413 43.3 340.2 43.3 256c0-30.9 6.6-60.1 18.4-86.6zm337.9 75.9c0-26.3-9.4-44.5-17.5-58.7-10.8-17.5-20.9-32.4-20.9-49.9 0-19.6 14.8-37.8 35.7-37.8.9 0 1.8.1 2.8.2-37.9-34.7-88.3-55.9-143.7-55.9-74.3 0-139.7 38.1-177.8 95.9 5 .2 9.7.3 13.7.3 22.2 0 56.7-2.7 56.7-2.7 11.5-.7 12.8 16.2 1.4 17.5 0 0-11.5 1.3-24.3 2l77.5 230.4L249.8 247l-33.1-90.8c-11.5-.7-22.3-2-22.3-2-11.5-.7-10.1-18.2 1.3-17.5 0 0 35.1 2.7 56 2.7 22.2 0 56.7-2.7 56.7-2.7 11.5-.7 12.8 16.2 1.4 17.5 0 0-11.5 1.3-24.3 2l76.9 228.7 21.2-70.9c9-29.4 16-50.5 16-68.7zm-139.9 29.3l-63.8 185.5c19.1 5.6 39.2 8.7 60.1 8.7 24.8 0 48.5-4.3 70.6-12.1-.6-.9-1.1-1.9-1.5-2.9l-65.4-179.2zm183-120.7c.9 6.8 1.4 14 1.4 21.9 0 21.6-4 45.8-16.2 76.2l-65 187.9C426.2 403 468.7 334.5 468.7 256c0-37-9.4-71.8-26-102.1zM504 256c0 136.8-111.3 248-248 248C119.2 504 8 392.7 8 256 8 119.2 119.2 8 256 8c136.7 0 248 111.2 248 248zm-11.4 0c0-130.5-106.2-236.6-236.6-236.6C125.5 19.4 19.4 125.5 19.4 256S125.6 492.6 256 492.6c130.5 0 236.6-106.1 236.6-236.6z"></path></svg> </a> </span> <span class="elementor-grid-item"> <a class="elementor-icon elementor-social-icon elementor-social-icon- elementor-repeater-item-86492a0" href="https://github.com/elementor/elementor" target="_blank" rel="noopener noreferrer"> <span class="elementor-screen-only"></span> <svg xmlns="http://www.w3.org/2000/svg" aria-labelledby="github-logo" data-prefix="fab" data-icon="github" viewBox="0 0 496 512"><title>Github logo</title><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path></svg> </a> </span> <span class="elementor-grid-item"> <a class="elementor-icon elementor-social-icon elementor-social-icon- elementor-repeater-item-81e64c6" href="https://www.producthunt.com/products/elementor" target="_blank" rel="noopener noreferrer"> <span class="elementor-screen-only"></span> <svg xmlns="http://www.w3.org/2000/svg" aria-labelledby="producthunt-logo" data-prefix="fab" data-icon="product-hunt" class="svg-inline--fa fa-product-hunt fa-w-16" viewBox="0 0 512 512"><title id="catTitle">ProductHunt Logo</title><path d="M326.3 218.8c0 20.5-16.7 37.2-37.2 37.2h-70.3v-74.4h70.3c20.5 0 37.2 16.7 37.2 37.2zM504 256c0 137-111 248-248 248S8 393 8 256 119 8 256 8s248 111 248 248zm-128.1-37.2c0-47.9-38.9-86.8-86.8-86.8H169.2v248h49.6v-74.4h70.3c47.9 0 86.8-38.9 86.8-86.8z"></path></svg> </a> </span> <span class="elementor-grid-item"> <a class="elementor-icon elementor-social-icon elementor-social-icon- elementor-repeater-item-580c20d" href="https://www.instagram.com/elementor/" target="_blank" rel="noopener noreferrer"> <span class="elementor-screen-only"></span> <svg xmlns="http://www.w3.org/2000/svg" aria-labelledby="instagram-logo" data-prefix="fab" data-icon="instagram" class="svg-inline--fa fa-instagram fa-w-14" viewBox="0 0 448 512"><title id="catTitle">Instagram Logo</title><path d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"></path></svg> </a> </span> <span class="elementor-grid-item"> <a class="elementor-icon elementor-social-icon elementor-social-icon- elementor-repeater-item-0cd3763" href="https://www.facebook.com/elemntor/" target="_blank" rel="noopener noreferrer"> <span class="elementor-screen-only"></span> <svg xmlns="http://www.w3.org/2000/svg" aria-labelledby="facebook-logo" data-prefix="fab" data-icon="facebook-f" class="svg-inline--fa fa-facebook-f fa-w-10" viewBox="0 0 320 512"><title id="catTitle">Facebook Logo</title><path d="M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z"></path></svg> </a> </span> <span class="elementor-grid-item"> <a class="elementor-icon elementor-social-icon elementor-social-icon- elementor-repeater-item-dad8830" href="https://x.com/elemntor" target="_blank" rel="noopener noreferrer"> <span class="elementor-screen-only"></span> <svg xmlns="http://www.w3.org/2000/svg" aria-label="x-logo" aria-labelledby="x-logo" viewBox="0 0 512 512"><path d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8l164.9-188.5L26.8 48h145.6l100.5 132.9L389.2 48zm-24.8 373.8h39.1L151.1 88h-42l255.3 333.8z"></path></svg> </a> </span> <span class="elementor-grid-item"> <a class="elementor-icon elementor-social-icon elementor-social-icon- elementor-repeater-item-cc4e560" href="https://www.youtube.com/channel/UCt9kG_EDX8zwGSC1-ycJJVA?sub_confirmation=1" target="_blank" rel="noopener noreferrer"> <span class="elementor-screen-only"></span> <svg xmlns="http://www.w3.org/2000/svg" aria-labelledby="youtube-logo" data-prefix="fab" data-icon="youtube" class="svg-inline--fa fa-youtube fa-w-18" viewBox="0 0 576 512"><title id="catTitle">Youtube Logo</title><path d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z"></path></svg> </a> </span> </div> </div> </div> <div class="elementor-element elementor-element-6e93e55 elementor-widget elementor-widget-text-editor" data-id="6e93e55" data-element_type="widget" data-widget_type="text-editor.default"> <div class="elementor-widget-container"> <style>/*! elementor - v3.23.0 - 05-08-2024 */ .elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:#69727d;color:#fff}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap{color:#69727d;border:3px solid;background-color:transparent}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap{margin-top:8px}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap-letter{width:1em;height:1em}.elementor-widget-text-editor .elementor-drop-cap{float:left;text-align:center;line-height:1;font-size:50px}.elementor-widget-text-editor .elementor-drop-cap-letter{display:inline-block}</style> <p>Elementor is the leading website builder platform for professionals and business owners on WordPress. Whether you’re a developer, designer, marketer, or business owner, Elementor empowers you to create stunning, high-performing websites. With a new website created every 10 seconds, Elementor empowers you to build and manage your online presence effectively.</p> </div> </div> <div class="elementor-element elementor-element-51c8520 elementor-widget elementor-widget-heading" data-id="51c8520" data-element_type="widget" tabindex="-1" data-widget_type="heading.default"> <div class="elementor-widget-container"> <div class="elementor-heading-title elementor-size-default">Subscribe to our newsletter</div> </div> </div> <div class="elementor-element elementor-element-c27277f elementor-widget__width-initial elementor-widget-mobile__width-initial newsletter-signup-form elementor-button-align-end elementor-widget elementor-widget-form" data-id="c27277f" data-element_type="widget" data-settings="{"step_next_label":"Next","step_previous_label":"Previous","additional_attributes":[{"_id":"d23a634","attr_key":"newsletter_subscriber","attr_value":"true"}],"button_width":"40","button_width_mobile":"30","step_type":"number_text","step_icon_shape":"circle"}" data-widget_type="form.default"> <div class="elementor-widget-container"> <style>/*! elementor-pro - v3.23.0 - 05-08-2024 */ .elementor-button.elementor-hidden,.elementor-hidden{display:none}.e-form__step{width:100%}.e-form__step:not(.elementor-hidden){display:flex;flex-wrap:wrap}.e-form__buttons{flex-wrap:wrap}.e-form__buttons,.e-form__buttons__wrapper{display:flex}.e-form__indicators{display:flex;justify-content:space-between;align-items:center;flex-wrap:nowrap;font-size:13px;margin-bottom:var(--e-form-steps-indicators-spacing)}.e-form__indicators__indicator{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-basis:0;padding:0 var(--e-form-steps-divider-gap)}.e-form__indicators__indicator__progress{width:100%;position:relative;background-color:var(--e-form-steps-indicator-progress-background-color);border-radius:var(--e-form-steps-indicator-progress-border-radius);overflow:hidden}.e-form__indicators__indicator__progress__meter{width:var(--e-form-steps-indicator-progress-meter-width,0);height:var(--e-form-steps-indicator-progress-height);line-height:var(--e-form-steps-indicator-progress-height);padding-right:15px;border-radius:var(--e-form-steps-indicator-progress-border-radius);background-color:var(--e-form-steps-indicator-progress-color);color:var(--e-form-steps-indicator-progress-meter-color);text-align:right;transition:width .1s linear}.e-form__indicators__indicator:first-child{padding-left:0}.e-form__indicators__indicator:last-child{padding-right:0}.e-form__indicators__indicator--state-inactive{color:var(--e-form-steps-indicator-inactive-primary-color,#c2cbd2)}.e-form__indicators__indicator--state-inactive [class*=indicator--shape-]:not(.e-form__indicators__indicator--shape-none){background-color:var(--e-form-steps-indicator-inactive-secondary-color,#fff)}.e-form__indicators__indicator--state-inactive object,.e-form__indicators__indicator--state-inactive svg{fill:var(--e-form-steps-indicator-inactive-primary-color,#c2cbd2)}.e-form__indicators__indicator--state-active{color:var(--e-form-steps-indicator-active-primary-color,#39b54a);border-color:var(--e-form-steps-indicator-active-secondary-color,#fff)}.e-form__indicators__indicator--state-active [class*=indicator--shape-]:not(.e-form__indicators__indicator--shape-none){background-color:var(--e-form-steps-indicator-active-secondary-color,#fff)}.e-form__indicators__indicator--state-active object,.e-form__indicators__indicator--state-active svg{fill:var(--e-form-steps-indicator-active-primary-color,#39b54a)}.e-form__indicators__indicator--state-completed{color:var(--e-form-steps-indicator-completed-secondary-color,#fff)}.e-form__indicators__indicator--state-completed [class*=indicator--shape-]:not(.e-form__indicators__indicator--shape-none){background-color:var(--e-form-steps-indicator-completed-primary-color,#39b54a)}.e-form__indicators__indicator--state-completed .e-form__indicators__indicator__label{color:var(--e-form-steps-indicator-completed-primary-color,#39b54a)}.e-form__indicators__indicator--state-completed .e-form__indicators__indicator--shape-none{color:var(--e-form-steps-indicator-completed-primary-color,#39b54a);background-color:initial}.e-form__indicators__indicator--state-completed object,.e-form__indicators__indicator--state-completed svg{fill:var(--e-form-steps-indicator-completed-secondary-color,#fff)}.e-form__indicators__indicator__icon{width:var(--e-form-steps-indicator-padding,30px);height:var(--e-form-steps-indicator-padding,30px);font-size:var(--e-form-steps-indicator-icon-size);border-width:1px;border-style:solid;display:flex;justify-content:center;align-items:center;overflow:hidden;margin-bottom:10px}.e-form__indicators__indicator__icon img,.e-form__indicators__indicator__icon object,.e-form__indicators__indicator__icon svg{width:var(--e-form-steps-indicator-icon-size);height:auto}.e-form__indicators__indicator__icon .e-font-icon-svg{height:1em}.e-form__indicators__indicator__number{width:var(--e-form-steps-indicator-padding,30px);height:var(--e-form-steps-indicator-padding,30px);border-width:1px;border-style:solid;display:flex;justify-content:center;align-items:center;margin-bottom:10px}.e-form__indicators__indicator--shape-circle{border-radius:50%}.e-form__indicators__indicator--shape-square{border-radius:0}.e-form__indicators__indicator--shape-rounded{border-radius:5px}.e-form__indicators__indicator--shape-none{border:0}.e-form__indicators__indicator__label{text-align:center}.e-form__indicators__indicator__separator{width:100%;height:var(--e-form-steps-divider-width);background-color:#babfc5}.e-form__indicators--type-icon,.e-form__indicators--type-icon_text,.e-form__indicators--type-number,.e-form__indicators--type-number_text{align-items:flex-start}.e-form__indicators--type-icon .e-form__indicators__indicator__separator,.e-form__indicators--type-icon_text .e-form__indicators__indicator__separator,.e-form__indicators--type-number .e-form__indicators__indicator__separator,.e-form__indicators--type-number_text .e-form__indicators__indicator__separator{margin-top:calc(var(--e-form-steps-indicator-padding, 30px) / 2 - var(--e-form-steps-divider-width, 1px) / 2)}.elementor-field-type-hidden{display:none}.elementor-field-type-html{display:inline-block}.elementor-field-type-tel input{direction:inherit}.elementor-login .elementor-lost-password,.elementor-login .elementor-remember-me{font-size:.85em}.elementor-field-type-recaptcha_v3 .elementor-field-label{display:none}.elementor-field-type-recaptcha_v3 .grecaptcha-badge{z-index:1}.elementor-button .elementor-form-spinner{order:3}.elementor-form .elementor-button .elementor-button-content-wrapper{align-items:center}.elementor-form .elementor-button .elementor-button-text{white-space:normal}.elementor-form .elementor-button svg{height:auto}.elementor-form .elementor-button .e-font-icon-svg{height:1em}.elementor-form .elementor-button .elementor-button-content-wrapper{gap:5px}.elementor-form .elementor-button .elementor-button-icon,.elementor-form .elementor-button .elementor-button-text{flex-grow:unset;order:unset}.elementor-select-wrapper .select-caret-down-wrapper{position:absolute;top:50%;transform:translateY(-50%);inset-inline-end:10px;pointer-events:none;font-size:11px}.elementor-select-wrapper .select-caret-down-wrapper svg{display:unset;width:1em;aspect-ratio:unset;fill:currentColor}.elementor-select-wrapper .select-caret-down-wrapper i{font-size:19px;line-height:2}.elementor-select-wrapper.remove-before:before{content:""!important}.elementor-message-svg:before{content:"";width:1em;height:1em;background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTEiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik00Ljc1IDguMTVMMS42IDUgLjU1IDYuMDVsNC4yIDQuMiA5LTlMMTIuNy4yIDQuNzUgOC4xNXoiIGZpbGw9IiMwMDhBMjAiLz48L3N2Zz4=");background-position:50%;background-repeat:no-repeat}</style> <form class="elementor-form" method="post" action="https://form.strattic.com/forms/77986f46-c43c-412b-b261-fd9310496adb" id="elementor_newsletter_subscribe_newsletter" name="Newsletter roll"> <input type="hidden" name="post_id" value="16853"/> <input type="hidden" name="form_id" value="c27277f"/> <input type="hidden" name="referer_title" value="Create a Mobile Responsive Website with Elementor" /> <input type="hidden" name="queried_id" value="34647"/> <div class="elementor-form-fields-wrapper elementor-labels-"> <div class="elementor-field-type-email elementor-field-group elementor-column elementor-field-group-email_newsletter elementor-col-60 elementor-sm-70 elementor-field-required"> <label for="form-field-email_newsletter" class="elementor-field-label elementor-screen-only"> Email </label> <input size="1" type="email" name="form_fields[email_newsletter]" id="form-field-email_newsletter" class="elementor-field elementor-size-sm elementor-field-textual" placeholder="Whats your email" required="required" aria-required="true"> </div> <div class="elementor-field-type-hidden elementor-field-group elementor-column elementor-field-group-newsletter_subscribe elementor-col-100"> <input size="1" type="hidden" name="form_fields[newsletter_subscribe]" id="form-field-newsletter_subscribe" class="elementor-field elementor-size-sm elementor-field-textual" value="elementor_newsletter_subscribe"> </div> <div class="elementor-field-group elementor-column elementor-field-type-submit elementor-col-40 e-form__buttons elementor-sm-30"> <button class="elementor-button elementor-size-sm" type="submit"> <span class="elementor-button-content-wrapper"> <span class="elementor-button-icon"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><g id="one-finger-tap"><g id="one-finger-tap_2"><path id="Vector 107" d="M20.7454 23.1429V18.2859C20.7454 15.8498 18.7706 13.875 16.3346 13.875H12.5035V6.71697C12.5035 5.5788 11.5808 4.65616 10.4427 4.65616C9.30449 4.65616 8.38184 5.5788 8.38184 6.71697L8.38183 16.1001L7.6946 16.2294C5.60504 16.6227 4.61065 19.0353 5.81624 20.7866L6.09343 21.1893L7.43652 23.1429" stroke="black" stroke-linecap="round" stroke-linejoin="round"></path><path id="Ellipse 302" d="M4.45284 8.45548C4.34762 8.00315 4.29199 7.53179 4.29199 7.04742C4.29199 3.62863 7.06348 0.857147 10.4823 0.857147C13.9011 0.857147 16.6725 3.62863 16.6725 7.04742C16.6725 7.53179 16.6169 8.00315 16.5117 8.45548" stroke="black" stroke-linecap="round" stroke-linejoin="round"></path></g></g></svg> </span> <span class="elementor-button-text">Subscribe</span> </span> </button> </div> </div> </form> </div> </div> <div class="elementor-element elementor-element-092e7f3 elementor-widget elementor-widget-text-editor" data-id="092e7f3" data-element_type="widget" data-widget_type="text-editor.default"> <div class="elementor-widget-container"> <p>By entering your email, you agree to our<br /><strong><a href="https://elementor.com/terms/" target="_blank" rel="noopener">Terms & Conditions </a></strong>and <strong><a href="https://elementor.com/about/privacy/" target="_blank" rel="noopener">Privacy Policy</a></strong>.</p> </div> </div> <div class="elementor-element elementor-element-f7d2767 footerContent elementor-widget elementor-widget-text-editor" data-id="f7d2767" data-element_type="widget" data-widget_type="text-editor.default"> <div class="elementor-widget-container"> <p>漏 Elementor. All rights reserved</p> </div> </div> </div> <div class="elementor-element elementor-element-7b1db30 e-con-full e-flex e-con e-child" data-id="7b1db30" data-element_type="container"> <div class="elementor-element elementor-element-0149e49 e-con-full menu-column e-flex e-con e-child" data-id="0149e49" data-element_type="container"> <div class="elementor-element elementor-element-4da4e98 menu-column_heading elementor-widget elementor-widget-heading" data-id="4da4e98" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <div class="elementor-heading-title elementor-size-default">Web Creation</div> </div> </div> <div class="elementor-element elementor-element-de88162 elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="de88162" data-element_type="widget" data-widget_type="icon-list.default"> <div class="elementor-widget-container"> <link rel="stylesheet" href="https://elementor.com/wp-content/plugins/elementor/assets/css/widget-icon-list.min.css"> <ul class="elementor-icon-list-items"> <li class="elementor-icon-list-item"> <a href="https://elementor.com/wordpress-hosting/"> <span class="elementor-icon-list-text">WordPress Hosting</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://elementor.com/products/ecommerce-hosting/"> <span class="elementor-icon-list-text">eCommerce Hosting</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://elementor.com/products/page-builder-plugin/"> <span class="elementor-icon-list-text">Page Builder Plugin</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://elementor.com/products/hello-theme/"> <span class="elementor-icon-list-text">Hello Theme</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://elementor.com/features/dynamic-content/"> <span class="elementor-icon-list-text">Dynamic Content</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://elementor.com/features/ecommerce/"> <span class="elementor-icon-list-text">eCommerce</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://elementor.com/features/theme-builder/"> <span class="elementor-icon-list-text">Theme Builder</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://elementor.com/features/landing-page-builder/"> <span class="elementor-icon-list-text">Landing Page Builder</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://elementor.com/features/popup-builder/"> <span class="elementor-icon-list-text">Popup Builder</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://elementor.com/features/form-builder/"> <span class="elementor-icon-list-text">Form Builder</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://elementor.com/features/contact-button/"> <span class="elementor-icon-list-text">Contact Buttons</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://elementor.com/features/workflow/"> <span class="elementor-icon-list-text">Workflow Optimization</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://elementor.com/products/ai/"> <span class="elementor-icon-list-text">Elementor AI</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://elementor.com/products/image-optimizer/"> <span class="elementor-icon-list-text">Image Optimizer</span> </a> </li> <li class="elementor-icon-list-item"> <a href="http://elementor.com/products/site-mailer/"> <span class="elementor-icon-list-text">Site Mailer</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://elementor.com/features/woocommerce-builder/"> <span class="elementor-icon-list-text">WooCommerce Builder</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://elementor.com/features/link-in-bio/"> <span class="elementor-icon-list-text">Link in Bio</span> </a> </li> </ul> </div> </div> </div> <div class="elementor-element elementor-element-95d1a3e e-con-full menu-column e-flex e-con e-child" data-id="95d1a3e" data-element_type="container"> <div class="elementor-element elementor-element-1d66580 menu-column_heading elementor-widget elementor-widget-heading" data-id="1d66580" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <div class="elementor-heading-title elementor-size-default">Elementor For</div> </div> </div> <div class="elementor-element elementor-element-b6c589f elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="b6c589f" data-element_type="widget" data-widget_type="icon-list.default"> <div class="elementor-widget-container"> <ul class="elementor-icon-list-items"> <li class="elementor-icon-list-item"> <a href="https://elementor.com/for/designer/"> <span class="elementor-icon-list-text">Web Designers</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://elementor.com/for/developer/"> <span class="elementor-icon-list-text">Developers</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://elementor.com/for/marketer/"> <span class="elementor-icon-list-text">Marketers</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://elementor.com/for/agency/"> <span class="elementor-icon-list-text">Agencies</span> </a> </li> </ul> </div> </div> </div> </div> <div class="elementor-element elementor-element-6482bf9 e-con-full menu-column e-flex e-con e-child" data-id="6482bf9" data-element_type="container"> <div class="elementor-element elementor-element-fea7525 menu-column_heading elementor-widget elementor-widget-heading" data-id="fea7525" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <div class="elementor-heading-title elementor-size-default">Resources</div> </div> </div> <div class="elementor-element elementor-element-da10068 elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="da10068" data-element_type="widget" data-widget_type="icon-list.default"> <div class="elementor-widget-container"> <ul class="elementor-icon-list-items"> <li class="elementor-icon-list-item"> <a href="https://elementor.com/help/"> <span class="elementor-icon-list-text">Help Center</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://elementor.com/academy/"> <span class="elementor-icon-list-text">Academy</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://elementor.com/blog/"> <span class="elementor-icon-list-text">Blog</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://elementor.com/addons/"> <span class="elementor-icon-list-text">Add-Ons</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://elementor.com/roadmap/"> <span class="elementor-icon-list-text">Roadmap</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://developers.elementor.com/"> <span class="elementor-icon-list-text">Developers Website</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://elementor.com/support/"> <span class="elementor-icon-list-text">Support</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://elementor.com/resources/glossary/"> <span class="elementor-icon-list-text">Web Creators Glossary</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://elementor.com/features/integrations/"> <span class="elementor-icon-list-text">Integrations</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://elementor.com/web-creators/"> <span class="elementor-icon-list-text">Web Creator Stories</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://elementor.com/community/meetups/"> <span class="elementor-icon-list-text">Meetups</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://prompts.elementor.com/"> <span class="elementor-icon-list-text">AI Prompt Library</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://elementor.com/wordpress/"> <span class="elementor-icon-list-text">WordPress Download</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://elementor.com/tools/gif-compressor/"> <span class="elementor-icon-list-text">Optimization Tool</span> </a> </li> </ul> </div> </div> </div> <div class="elementor-element elementor-element-37ea002 e-con-full menu-column e-flex e-con e-child" data-id="37ea002" data-element_type="container"> <div class="elementor-element elementor-element-7aa6052 menu-column_heading elementor-widget elementor-widget-heading" data-id="7aa6052" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <div class="elementor-heading-title elementor-size-default">Company</div> </div> </div> <div class="elementor-element elementor-element-25f3fcd elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="25f3fcd" data-element_type="widget" data-widget_type="icon-list.default"> <div class="elementor-widget-container"> <ul class="elementor-icon-list-items"> <li class="elementor-icon-list-item"> <a href="https://elementor.com/about/"> <span class="elementor-icon-list-text">About Us</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://elementor.com/contact/"> <span class="elementor-icon-list-text">Contact Us</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://elementor.careers/explore/"> <span class="elementor-icon-list-text">Careers</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://elementor.com/faq/"> <span class="elementor-icon-list-text">FAQs</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://elementor.com/affiliates/"> <span class="elementor-icon-list-text">Affiliate Program</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://elementor.com/trust/"> <span class="elementor-icon-list-text">Trust Center</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://elementor.com/logos/"> <span class="elementor-icon-list-text">Media</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://elementor.com/terms/trademark-guidelines/"> <span class="elementor-icon-list-text">Trademark</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://elementor.com/terms/"> <span class="elementor-icon-list-text">Terms & Conditions</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://elementor.com/terms/elementor-ai-terms-and-conditions/"> <span class="elementor-icon-list-text">AI Terms & Conditions</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://elementor.com/about/privacy/"> <span class="elementor-icon-list-text">Privacy Policy</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://elementor.com/terms/cookie-policy/"> <span class="elementor-icon-list-text">Cookie Policy</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://elementor.com/terms/accessibility/"> <span class="elementor-icon-list-text">Website Accessibility Statement</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://elementor.com/open-source-software-components/"> <span class="elementor-icon-list-text">Open-Source Software Components</span> </a> </li> </ul> </div> </div> </div> <div class="elementor-element elementor-element-3acdd4c e-con-full menu-column e-flex e-con e-child" data-id="3acdd4c" data-element_type="container"> <div class="elementor-element elementor-element-10c9621 menu-column_heading elementor-widget elementor-widget-heading" data-id="10c9621" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <div class="elementor-heading-title elementor-size-default">Pricing</div> </div> </div> <div class="elementor-element elementor-element-a4acdae elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="a4acdae" data-element_type="widget" data-widget_type="icon-list.default"> <div class="elementor-widget-container"> <ul class="elementor-icon-list-items"> <li class="elementor-icon-list-item"> <a href="https://elementor.com/pricing/"> <span class="elementor-icon-list-text">WordPress Hosting</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://elementor.com/pricing-ecommerce-hosting/"> <span class="elementor-icon-list-text">eCommerce Hosting</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://elementor.com/pricing-plugin/"> <span class="elementor-icon-list-text">Page Builder Plugin</span> </a> </li> </ul> </div> </div> <div class="elementor-element elementor-element-14786cd e-con-full menu-column related-content e-flex e-con e-child" data-id="14786cd" data-element_type="container"> <div class="elementor-element elementor-element-7bc4d52 menu-column_heading elementor-widget elementor-widget-heading" data-id="7bc4d52" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <div class="elementor-heading-title elementor-size-default">Related Content</div> </div> </div> <div class="elementor-element elementor-element-c545267 elementor-grid-1 elementor-grid-tablet-1 elementor-grid-mobile-2 elementor-widget elementor-widget-loop-grid" data-id="c545267" data-element_type="widget" data-settings="{"template_id":"8225216","columns":1,"columns_tablet":1,"columns_mobile":2,"row_gap":{"unit":"px","size":16,"sizes":[]},"_skin":"post","edit_handle_selector":"[data-elementor-type=\"loop-item\"]","row_gap_tablet":{"unit":"px","size":"","sizes":[]},"row_gap_mobile":{"unit":"px","size":"","sizes":[]}}" data-widget_type="loop-grid.post"> <div class="elementor-widget-container"> <link rel="stylesheet" href="https://elementor.com/wp-content/plugins/elementor-pro/assets/css/widget-loop-builder.min.css?ver=1728392627"> <div class="e-loop-nothing-found-message"> </div> </div> </div> <div class="elementor-element elementor-element-32b5b41 elementor-grid-1 elementor-grid-tablet-1 elementor-grid-mobile-2 elementor-widget elementor-widget-loop-grid" data-id="32b5b41" data-element_type="widget" data-settings="{"template_id":"8225216","columns":1,"columns_tablet":1,"columns_mobile":2,"row_gap":{"unit":"px","size":16,"sizes":[]},"_skin":"post","edit_handle_selector":"[data-elementor-type=\"loop-item\"]","row_gap_tablet":{"unit":"px","size":"","sizes":[]},"row_gap_mobile":{"unit":"px","size":"","sizes":[]}}" data-widget_type="loop-grid.post"> <div class="elementor-widget-container"> <div class="e-loop-nothing-found-message"> </div> </div> </div> <div class="elementor-element elementor-element-63ab334 elementor-widget elementor-widget-shortcode" data-id="63ab334" data-element_type="widget" data-widget_type="shortcode.default"> <div class="elementor-widget-container"> <div class="elementor-shortcode"></div> </div> </div> </div> </div> </div> </footer> </div>  <noscript> <iframe src="https://gtm.elementor.com/ns.html?id=GTM-NJK8HW" height="0" width="0" style="display:none;visibility:hidden"></iframe> </noscript>  <script> addEventListener( 'onSiteCreationStart', function () { if ( ! window.braze || ! braze.logCustomEvent ) { return; } braze.logCustomEvent( 'site_creation_start_event' ); } ); </script> <script type='text/javascript'> const lazyloadRunObserver = () => { const lazyloadBackgrounds = document.querySelectorAll( `.e-con.e-parent:not(.e-lazyloaded)` ); const lazyloadBackgroundObserver = new IntersectionObserver( ( entries ) => { entries.forEach( ( entry ) => { if ( entry.isIntersecting ) { let lazyloadBackground = entry.target; if( lazyloadBackground ) { lazyloadBackground.classList.add( 'e-lazyloaded' ); } lazyloadBackgroundObserver.unobserve( entry.target ); } }); }, { rootMargin: '200px 0px 200px 0px' } ); lazyloadBackgrounds.forEach( ( lazyloadBackground ) => { lazyloadBackgroundObserver.observe( lazyloadBackground ); } ); }; const events = [ 'DOMContentLoaded', 'elementor/lazyload/observe', ]; events.forEach( ( event ) => { document.addEventListener( event, lazyloadRunObserver ); } ); </script> <link rel='stylesheet' id='elementor-font-awesome-solid-css' href='https://elementor.com/wp-content/plugins/elementor/assets/lib/font-awesome/css/solid.css?ver=3.23.4' type='text/css' media='all' /> <script type="text/javascript" src="https://elementor.com/wp-content/plugins/elementor-network/assets/js/geo-loader.js?ver=1.4.33" id="elementor-network-geo-loader-js"></script> <script type="text/javascript" id="elementor-site-js-extra"> /* <![CDATA[ */ var Elementor_Site_Args = {"ajaxurl":"https:\/\/elementor.com\/wp-admin\/admin-ajax.php","i18n":{"stay_up_to_date":"Download Just a Click Away","get_free_download_link":"Get Free Download Link To Your Email"}}; /* ]]> */ </script> <script type="text/javascript" src="https://elementor.com/wp-content/themes/elementor-website/assets/js/app.min.js?ver=1.1.6" id="elementor-site-js"></script> <script type="text/javascript" src="https://elementor.com/wp-content/themes/elementor-website/assets/js/js.cookie.min.js?ver=1.1.6" id="elementor-site-cookie-js"></script> <script type="text/javascript" src="https://elementor.com/wp-content/plugins/elementor-pro/assets/lib/smartmenus/jquery.smartmenus.min.js?ver=1.2.1" id="smartmenus-js"></script> <script type="text/javascript" src="https://elementor.com/wp-content/plugins/elementor-pro/assets/lib/sticky/jquery.sticky.min.js?ver=3.23.3" id="e-sticky-js"></script> <script type="text/javascript" src="https://elementor.com/strattic_assets/js/forms/elementor-forms-widget.js?ver=e036e2dc5182ffbf2204af4d37e73f66081b1ab4" id="strattic-compatibility-elementor-pro-js"></script> <script type="text/javascript" src="https://elementor.com/wp-content/plugins/elementor/assets/js/webpack.runtime.min.js?ver=3.23.4" id="elementor-webpack-runtime-js"></script> <script type="text/javascript" src="https://elementor.com/wp-content/plugins/elementor/assets/js/frontend-modules.min.js?ver=3.23.4" id="elementor-frontend-modules-js"></script> <script type="text/javascript" src="https://elementor.com/wp-content/plugins/elementor/assets/lib/waypoints/waypoints.min.js?ver=4.0.2" id="elementor-waypoints-js"></script> <script type="text/javascript" src="https://elementor.com/wp-includes/js/jquery/ui/core.min.js?ver=1.13.3" id="jquery-ui-core-js"></script> <script type="text/javascript" id="elementor-frontend-js-before"> /* <![CDATA[ */ var elementorFrontendConfig = {"environmentMode":{"edit":false,"wpPreview":false,"isScriptDebug":false},"i18n":{"shareOnFacebook":"Share on Facebook","shareOnTwitter":"Share on Twitter","pinIt":"Pin it","download":"Download","downloadImage":"Download image","fullscreen":"Fullscreen","zoom":"Zoom","share":"Share","playVideo":"Play Video","previous":"Previous","next":"Next","close":"Close","a11yCarouselWrapperAriaLabel":"Carousel | Horizontal scrolling: Arrow Left & Right","a11yCarouselPrevSlideMessage":"Previous slide","a11yCarouselNextSlideMessage":"Next slide","a11yCarouselFirstSlideMessage":"This is the first slide","a11yCarouselLastSlideMessage":"This is the last slide","a11yCarouselPaginationBulletMessage":"Go to slide"},"is_rtl":false,"breakpoints":{"xs":0,"sm":480,"md":768,"lg":1025,"xl":1440,"xxl":1600},"responsive":{"breakpoints":{"mobile":{"label":"Mobile Portrait","value":767,"default_value":767,"direction":"max","is_enabled":true},"mobile_extra":{"label":"Mobile Landscape","value":880,"default_value":880,"direction":"max","is_enabled":false},"tablet":{"label":"Tablet Portrait","value":1024,"default_value":1024,"direction":"max","is_enabled":true},"tablet_extra":{"label":"Tablet Landscape","value":1200,"default_value":1200,"direction":"max","is_enabled":false},"laptop":{"label":"Laptop","value":1366,"default_value":1366,"direction":"max","is_enabled":false},"widescreen":{"label":"Widescreen","value":2400,"default_value":2400,"direction":"min","is_enabled":false}}},"version":"3.23.4","is_static":false,"experimentalFeatures":{"e_optimized_css_loading":true,"e_font_icon_svg":true,"additional_custom_breakpoints":true,"container":true,"container_grid":true,"e_swiper_latest":true,"e_nested_atomic_repeaters":true,"e_onboarding":true,"home_screen":true,"editor_v2":true,"nested-elements":true,"e_lazyload":true,"link-in-bio":true,"floating-buttons":true,"display-conditions":true,"form-submissions":true,"mega-menu":true,"taxonomy-filter":true},"urls":{"assets":"https:\/\/elementor.com\/wp-content\/plugins\/elementor\/assets\/","ajaxurl":"https:\/\/elementor.com\/wp-admin\/admin-ajax.php"},"nonces":{"floatingButtonsClickTracking":"33c44515c8"},"swiperClass":"swiper","settings":{"page":[],"editorPreferences":[]},"kit":{"stretched_section_container":"#primary","viewport_mobile":767,"viewport_tablet":1024,"active_breakpoints":["viewport_mobile","viewport_tablet"],"global_image_lightbox":"yes","lightbox_enable_counter":"yes","lightbox_enable_fullscreen":"yes","lightbox_enable_zoom":"yes","lightbox_enable_share":"yes","lightbox_title_src":"title","lightbox_description_src":"description"},"post":{"id":34647,"title":"Create%20a%20Mobile%20Responsive%20Website%20with%20Elementor","excerpt":"","featuredImage":"https:\/\/elementor.com\/wp-content\/uploads\/2020\/06\/Editor.png"}}; /* ]]> */ </script> <script type="text/javascript" src="https://elementor.com/wp-content/plugins/elementor/assets/js/frontend.min.js?ver=3.23.4" id="elementor-frontend-js"></script> <script type="text/javascript" id="elementor-network-newsletter-enrollment-js-extra"> /* <![CDATA[ */ var newsletterEnrollmentData = {"cfWorkerUrl":"https:\/\/elementor.com\/api\/v1\/newsletter"}; /* ]]> */ </script> <script type="text/javascript" src="https://elementor.com/wp-content/plugins/elementor-network/assets/js/newsletter-enrollment.min.js?ver=1.4.33" id="elementor-network-newsletter-enrollment-js"></script> <script type="text/javascript" src="https://www.google.com/recaptcha/api.js?render=6LdKP40nAAAAAOxtQvyS8hOnwcSHbUegtZZxssdF&ver=e036e2dc5182ffbf2204af4d37e73f66081b1ab4" id="strattic-forms-elementor-forms-recaptcha-js"></script> <script type="text/javascript" src="https://elementor.com/wp-includes/js/underscore.min.js?ver=1.13.4" id="underscore-js"></script> <script type="text/javascript" id="wp-util-js-extra"> /* <![CDATA[ */ var _wpUtilSettings = {"ajax":{"url":"\/wp-admin\/admin-ajax.php"}}; /* ]]> */ </script> <script type="text/javascript" src="https://elementor.com/wp-includes/js/wp-util.min.js?ver=6.6.2" id="wp-util-js"></script> <script type="text/javascript" id="strattic-forms-elementor-forms-js-extra"> /* <![CDATA[ */ var stratticForms = {"forms":{"elementor_newsletter_subscribe_newsletter":{"messages":{"success_message":"Thanks for signing up to Elementor!","error_message":"An error occurred.","required_field_message":null,"invalid_message":"There's something wrong. The form is invalid."},"form_id_prefix":"elementorforms-","form_meta":{"form_metadata":null,"form_metadata_2":null},"spinnerIds":["ajax-loader"],"params_map":[]}},"integration":["elementorforms"],"elementorforms":{"messageClass":"elementor-message-success","errorClass":"elementor-message-danger","meta_locale":"","meta_date":"F j, Y","meta_time":{"format":"g:i a","timezone":"Asia\/Jerusalem"}},"recaptchaPublicKey":["6LdKP40nAAAAAOxtQvyS8hOnwcSHbUegtZZxssdF"],"globalWidgetMap":[],"base_url":["https:\/\/form.strattic.com"]}; /* ]]> */ </script> <script type="text/javascript" defer src="https://elementor.com/strattic_assets/js/forms/elementor-forms.js?ver=e036e2dc5182ffbf2204af4d37e73f66081b1ab4" id="strattic-forms-elementor-forms-js"></script> <script type="text/javascript" src="https://elementor.com/wp-includes/js/imagesloaded.min.js?ver=5.0.0" id="imagesloaded-js"></script> <script type="text/javascript" src="https://elementor.com/wp-content/plugins/elementor-pro/assets/js/webpack-pro.runtime.min.js?ver=3.23.3" id="elementor-pro-webpack-runtime-js"></script> <script type="text/javascript" src="https://elementor.com/wp-includes/js/dist/hooks.min.js?ver=2810c76e705dd1a53b18" id="wp-hooks-js"></script> <script type="text/javascript" src="https://elementor.com/wp-includes/js/dist/i18n.min.js?ver=5e580eb46a90c2b997e6" id="wp-i18n-js"></script> <script type="text/javascript" id="wp-i18n-js-after"> /* <![CDATA[ */ wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } ); /* ]]> */ </script> <script type="text/javascript" id="elementor-pro-frontend-js-before"> /* <![CDATA[ */ var ElementorProFrontendConfig = {"ajaxurl":"https:\/\/elementor.com\/wp-admin\/admin-ajax.php","nonce":"93c9978217","urls":{"assets":"https:\/\/elementor.com\/wp-content\/plugins\/elementor-pro\/assets\/","rest":"https:\/\/elementor.com\/wp-json\/"},"shareButtonsNetworks":{"facebook":{"title":"Facebook","has_counter":true},"twitter":{"title":"Twitter"},"linkedin":{"title":"LinkedIn","has_counter":true},"pinterest":{"title":"Pinterest","has_counter":true},"reddit":{"title":"Reddit","has_counter":true},"vk":{"title":"VK","has_counter":true},"odnoklassniki":{"title":"OK","has_counter":true},"tumblr":{"title":"Tumblr"},"digg":{"title":"Digg"},"skype":{"title":"Skype"},"stumbleupon":{"title":"StumbleUpon","has_counter":true},"mix":{"title":"Mix"},"telegram":{"title":"Telegram"},"pocket":{"title":"Pocket","has_counter":true},"xing":{"title":"XING","has_counter":true},"whatsapp":{"title":"WhatsApp"},"email":{"title":"Email"},"print":{"title":"Print"},"x-twitter":{"title":"X"},"threads":{"title":"Threads"}},"facebook_sdk":{"lang":"en_US","app_id":""},"lottie":{"defaultAnimationUrl":"https:\/\/elementor.com\/wp-content\/plugins\/elementor-pro\/modules\/lottie\/assets\/animations\/default.json"}}; /* ]]> */ </script> <script type="text/javascript" src="https://elementor.com/wp-content/plugins/elementor-pro/assets/js/frontend.min.js?ver=3.23.3" id="elementor-pro-frontend-js"></script> <script type="text/javascript" src="https://elementor.com/wp-content/plugins/elementor-pro/assets/js/elements-handlers.min.js?ver=3.23.3" id="pro-elements-handlers-js"></script> <script> jQuery(document).ready(function($) { $('a[alt]').each(function() { var curElem = $(this); curElem.attr("aria-label", curElem.attr('alt')).removeAttr('alt'); }); }); </script> <script> jQuery(document).ready(function($) { jQuery( document ).on( 'submit_success', 'form#elementor_newsletter_subscribe', function( event, response ){ event.preventDefault(); var $thisForm = $( this ); let isNewsletter = $thisForm.find('input[name="form_fields[newsletter_subscribe]"]').val(); if ( 'elementor_newsletter_subscribe' === isNewsletter ) { if ( window.dataLayer && dataLayer.push ) { dataLayer.push( { 'event': 'GAEvent', 'eventCategory': 'form engagement', 'eventAction': 'form submit success', 'eventLabel': 'newsletter', 'customMetricKey': '31', 'customMetricValue': 1 } ); } } if ( 'undefined' !== typeof response.link && '' !== response.link ) { setTimeout( function() { location.href = response.link; }, 500 ); } return false; }); }); </script> <script> document.addEventListener('DOMContentLoaded', function () { const topLevelMenuItems = document.querySelectorAll('.main-nav .elementor-nav-menu--main .elementor-nav-menu > .menu-item'); const topLevelMobileMenuItems = document.querySelectorAll('.main-nav .elementor-nav-menu--dropdown .elementor-nav-menu > .menu-item'); // Monitor sub-menu visibility for top-level items topLevelMenuItems.forEach(item => { const subMenu = item.querySelector('.sub-menu'); if (subMenu) { const observer = new MutationObserver(mutations => { mutations.forEach(mutation => { if (mutation.attributeName === 'aria-hidden' && mutation.target.getAttribute('aria-hidden') === 'false') { const level1Value = item.querySelector('.elementor-item').textContent.trim(); dataLayer.push({ 'event': 'fireEvent', 'event_name': 'element_impression', 'action_type': 'navigation', 'level_1': level1Value }); } }); }); observer.observe(subMenu, { attributes: true }); } }); // Add data attributes to mobile menu items topLevelMobileMenuItems.forEach(item => { const level1Value = item.querySelector('.elementor-item').textContent.trim(); item.setAttribute('data-gtm-event_name', 'element_click'); item.setAttribute('data-gtm-action_type', 'navigation'); item.setAttribute('data-gtm-element-location', 'pricing table'); item.setAttribute('data-gtm-level_1', level1Value); }); }); </script> <script> jQuery(document).ready(function($) { $('footer .menu-column').each(function() { var mainLevelName = $(this).find('.elementor-heading-title').text().trim().toLowerCase(); $(this).find('a').each(function() { var secondLevelNameLower = $(this).text().trim().toLowerCase(); $(this).attr({ 'data-gtm-event_name': 'element_click', 'data-gtm-type': 'navigation', 'data-gtm-section': 'footer', 'data-gtm-outcome': 'navigating using the footer', 'data-gtm-english_text': secondLevelNameLower, 'data-gtm-level_1': mainLevelName, 'data-gtm-level_2': secondLevelNameLower }); }); }); }); </script> </body> </html>