How to Add Magic Scroll Effect to Text in Elementor?

<!doctype html> <html lang="en-US" prefix="og: https://ogp.me/ns#"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="profile" href="https://gmpg.org/xfn/11"> <script>document.documentElement.className = document.documentElement.className + ' yes-js js_active js'</script> <script type="text/javascript"> /* <![CDATA[ */ var theplus_ajax_url = "https://theplusaddons.com/wp-admin/admin-ajax.php"; var theplus_ajax_post_url = "https://theplusaddons.com/wp-admin/admin-post.php"; var theplus_nonce = "069c0c5f20"; /* ]]> */ </script>  <title>How to Add Magic Scroll Effect to Text in Elementor? | The Plus Addons for Elementor</title><link rel="preload" href="https://theplusaddons.com/wp-content/uploads/2022/11/TPAE-Text-With-Icon-Logo-Black.svg" as="image" fetchpriority="high" /> <meta name="description" content="Do you want to add a scroll effect to text in Elementor? The scrolling effect text allows text to smoothly flow or appear as the user scrolls down the page."/> <meta name="robots" content="follow, index, max-snippet:-1, max-video-preview:-1, max-image-preview:large"/> <link rel="canonical" href="https://theplusaddons.com/docs/magic-scroll-effect-to-text-in-elementor/" /> <meta property="og:locale" content="en_US" /> <meta property="og:type" content="article" /> <meta property="og:title" content="How to Add Magic Scroll Effect to Text in Elementor? | The Plus Addons for Elementor" /> <meta property="og:description" content="Do you want to add a scroll effect to text in Elementor? The scrolling effect text allows text to smoothly flow or appear as the user scrolls down the page." /> <meta property="og:url" content="https://theplusaddons.com/docs/magic-scroll-effect-to-text-in-elementor/" /> <meta property="og:site_name" content="The Plus Addons for Elementor" /> <meta property="article:publisher" content="https://www.facebook.com/posimyth/" /> <meta property="og:updated_time" content="2024-06-24T16:53:19+05:30" /> <meta property="og:image" content="https://theplusaddons.com/wp-content/uploads/2024/05/How-to-Add-Scroll-Effect-to-Text-in-Elementor_.jpg" /> <meta property="og:image:secure_url" content="https://theplusaddons.com/wp-content/uploads/2024/05/How-to-Add-Scroll-Effect-to-Text-in-Elementor_.jpg" /> <meta property="og:image:width" content="1200" /> <meta property="og:image:height" content="628" /> <meta property="og:image:alt" content="Magic Scroll Effect to Text in Elementor?" /> <meta property="og:image:type" content="image/jpeg" /> <meta property="article:published_time" content="2024-05-16T09:48:22+05:30" /> <meta property="article:modified_time" content="2024-06-24T16:53:19+05:30" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:title" content="How to Add Magic Scroll Effect to Text in Elementor? | The Plus Addons for Elementor" /> <meta name="twitter:description" content="Do you want to add a scroll effect to text in Elementor? The scrolling effect text allows text to smoothly flow or appear as the user scrolls down the page." /> <meta name="twitter:site" content="@posimyth" /> <meta name="twitter:creator" content="@posimyth" /> <meta name="twitter:image" content="https://theplusaddons.com/wp-content/uploads/2024/05/How-to-Add-Scroll-Effect-to-Text-in-Elementor_.jpg" /> <script type="application/ld+json" class="rank-math-schema-pro">{"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://theplusaddons.com/#organization","name":"The Plus Addons for Elementor","url":"https://theplusaddons.com","sameAs":["https://www.facebook.com/posimyth/","https://twitter.com/posimyth"],"email":"support@posimyth.com"},{"@type":"WebSite","@id":"https://theplusaddons.com/#website","url":"https://theplusaddons.com","name":"The Plus Addons for Elementor","publisher":{"@id":"https://theplusaddons.com/#organization"},"inLanguage":"en-US"},{"@type":"ImageObject","@id":"https://theplusaddons.com/wp-content/uploads/2024/05/How-to-Add-Scroll-Effect-to-Text-in-Elementor_.jpg","url":"https://theplusaddons.com/wp-content/uploads/2024/05/How-to-Add-Scroll-Effect-to-Text-in-Elementor_.jpg","width":"1200","height":"628","inLanguage":"en-US"},{"@type":"BreadcrumbList","@id":"https://theplusaddons.com/docs/magic-scroll-effect-to-text-in-elementor/#breadcrumb","itemListElement":[{"@type":"ListItem","position":"1","item":{"@id":"https://theplusaddons.com","name":"Home"}},{"@type":"ListItem","position":"2","item":{"@id":"https://theplusaddons.com/docs/","name":"Documents"}},{"@type":"ListItem","position":"3","item":{"@id":"https://theplusaddons.com/help/plus-widgets/","name":"Plus Widgets"}},{"@type":"ListItem","position":"4","item":{"@id":"https://theplusaddons.com/docs/magic-scroll-effect-to-text-in-elementor/","name":"How to Add Magic Scroll Effect to Text in Elementor?"}}]},{"@type":"WebPage","@id":"https://theplusaddons.com/docs/magic-scroll-effect-to-text-in-elementor/#webpage","url":"https://theplusaddons.com/docs/magic-scroll-effect-to-text-in-elementor/","name":"How to Add Magic Scroll Effect to Text in Elementor? | The Plus Addons for Elementor","datePublished":"2024-05-16T09:48:22+05:30","dateModified":"2024-06-24T16:53:19+05:30","isPartOf":{"@id":"https://theplusaddons.com/#website"},"primaryImageOfPage":{"@id":"https://theplusaddons.com/wp-content/uploads/2024/05/How-to-Add-Scroll-Effect-to-Text-in-Elementor_.jpg"},"inLanguage":"en-US","breadcrumb":{"@id":"https://theplusaddons.com/docs/magic-scroll-effect-to-text-in-elementor/#breadcrumb"}},{"@type":"Person","@id":"https://twitter.com/@posimyth","name":"Editorial Team","url":"https://twitter.com/@posimyth","image":{"@type":"ImageObject","@id":"https://secure.gravatar.com/avatar/dc86ba3893ca1a9ba6d67ce5585b7188?s=96&d=mm&r=g","url":"https://secure.gravatar.com/avatar/dc86ba3893ca1a9ba6d67ce5585b7188?s=96&d=mm&r=g","caption":"Editorial Team","inLanguage":"en-US"},"sameAs":["https://twitter.com/@posimyth"],"worksFor":{"@id":"https://theplusaddons.com/#organization"}},{"@type":"Article","headline":"How to Add Magic Scroll Effect to Text in Elementor? | The Plus Addons for Elementor | The Plus Addons for","keywords":"Magic Scroll Effect to Text in Elementor?","datePublished":"2024-05-16T09:48:22+05:30","dateModified":"2024-06-24T16:53:19+05:30","articleSection":"Advanced Typography, Plus Widgets","author":{"@id":"https://twitter.com/@posimyth","name":"Editorial Team"},"publisher":{"@id":"https://theplusaddons.com/#organization"},"description":"Do you want to add a scroll effect to text in Elementor? The scrolling effect text allows text to smoothly flow or appear as the user scrolls down the page.","name":"How to Add Magic Scroll Effect to Text in Elementor? | The Plus Addons for Elementor | The Plus Addons for","@id":"https://theplusaddons.com/docs/magic-scroll-effect-to-text-in-elementor/#richSnippet","isPartOf":{"@id":"https://theplusaddons.com/docs/magic-scroll-effect-to-text-in-elementor/#webpage"},"image":{"@id":"https://theplusaddons.com/wp-content/uploads/2024/05/How-to-Add-Scroll-Effect-to-Text-in-Elementor_.jpg"},"inLanguage":"en-US","mainEntityOfPage":{"@id":"https://theplusaddons.com/docs/magic-scroll-effect-to-text-in-elementor/#webpage"}}]}</script>  <link rel='dns-prefetch' href='//plausible.io' /> <link rel='dns-prefetch' href='//maps.googleapis.com' /> <link rel='dns-prefetch' href='//apis.google.com' /> <link rel="alternate" type="application/rss+xml" title="The Plus Addons for Elementor » Feed" href="https://theplusaddons.com/feed/" /> <link rel="alternate" type="application/rss+xml" title="The Plus Addons for Elementor » Comments Feed" href="https://theplusaddons.com/comments/feed/" /> <link rel="alternate" type="application/rss+xml" title="The Plus Addons for Elementor » How to Add Magic Scroll Effect to Text in Elementor? Comments Feed" href="https://theplusaddons.com/docs/magic-scroll-effect-to-text-in-elementor/feed/" />  <script type="application/ld+json">{"@context":"https:\/\/schema.org\/","@type":"CreativeWork","dateModified":"2024-06-24T16:53:19+05:30","headline":"How to Add Magic Scroll Effect to Text in Elementor?","description":"Do you want to add a scroll effect to text in Elementor? The scrolling effect text allows text to smoothly flow or appear as the user scrolls down the page. Not only does it add a touch of creativity to your website, but it also helps to engage and captivate your audience. With the Advanced Typography widget from The Plus","mainEntityOfPage":{"@type":"WebPage","@id":"https:\/\/theplusaddons.com\/docs\/magic-scroll-effect-to-text-in-elementor\/"},"author":{"@type":"Person","name":"Ronak","url":"https:\/\/theplusaddons.com\/author\/ronak-posimythgmail-com\/","description":""}}</script> <link rel="stylesheet" id="nexter-style-css" href="https://theplusaddons.com/wp-content/cache/perfmatters/theplusaddons.com/minify/6a106dcd76ef.style.min.css?ver=3.1.5" type="text/css" media="all"> <style id='rank-math-toc-block-style-inline-css' type='text/css'> .wp-block-rank-math-toc-block nav ol{counter-reset:item}.wp-block-rank-math-toc-block nav ol li{display:block}.wp-block-rank-math-toc-block nav ol li:before{content:counters(item, ".") ". ";counter-increment:item} </style> <style id='rank-math-rich-snippet-style-inline-css' type='text/css'> /*! * Plugin: Rank Math * URL: https://rankmath.com/wordpress/plugin/seo-suite/ * Name: rank-math-review-snippet.css */@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(-360deg)}}@keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(-360deg)}}@keyframes bounce{from{-webkit-transform:translateY(0px);transform:translateY(0px)}to{-webkit-transform:translateY(-5px);transform:translateY(-5px)}}@-webkit-keyframes bounce{from{-webkit-transform:translateY(0px);transform:translateY(0px)}to{-webkit-transform:translateY(-5px);transform:translateY(-5px)}}@-webkit-keyframes loading{0%{background-size:20% 50% ,20% 50% ,20% 50%}20%{background-size:20% 20% ,20% 50% ,20% 50%}40%{background-size:20% 100%,20% 20% ,20% 50%}60%{background-size:20% 50% ,20% 100%,20% 20%}80%{background-size:20% 50% ,20% 50% ,20% 100%}100%{background-size:20% 50% ,20% 50% ,20% 50%}}@keyframes loading{0%{background-size:20% 50% ,20% 50% ,20% 50%}20%{background-size:20% 20% ,20% 50% ,20% 50%}40%{background-size:20% 100%,20% 20% ,20% 50%}60%{background-size:20% 50% ,20% 100%,20% 20%}80%{background-size:20% 50% ,20% 50% ,20% 100%}100%{background-size:20% 50% ,20% 50% ,20% 50%}}:root{--rankmath-wp-adminbar-height: 0}#rank-math-rich-snippet-wrapper{overflow:hidden}#rank-math-rich-snippet-wrapper h5.rank-math-title{display:block;font-size:18px;line-height:1.4}#rank-math-rich-snippet-wrapper .rank-math-review-image{float:right;max-width:40%;margin-left:15px}#rank-math-rich-snippet-wrapper .rank-math-review-data{margin-bottom:15px}#rank-math-rich-snippet-wrapper .rank-math-total-wrapper{width:100%;padding:0 0 20px 0;float:left;clear:both;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box}#rank-math-rich-snippet-wrapper .rank-math-total-wrapper .rank-math-total{border:0;display:block;margin:0;width:auto;float:left;text-align:left;padding:0;font-size:24px;line-height:1;font-weight:700;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}#rank-math-rich-snippet-wrapper .rank-math-total-wrapper .rank-math-review-star{float:left;margin-left:15px;margin-top:5px;position:relative;z-index:99;line-height:1}#rank-math-rich-snippet-wrapper .rank-math-total-wrapper .rank-math-review-star .rank-math-review-result-wrapper{display:inline-block;white-space:nowrap;position:relative;color:#e7e7e7}#rank-math-rich-snippet-wrapper .rank-math-total-wrapper .rank-math-review-star .rank-math-review-result-wrapper .rank-math-review-result{position:absolute;top:0;left:0;overflow:hidden;white-space:nowrap;color:#ffbe01}#rank-math-rich-snippet-wrapper .rank-math-total-wrapper .rank-math-review-star .rank-math-review-result-wrapper i{font-size:18px;-webkit-text-stroke-width:1px;font-style:normal;padding:0 2px;line-height:inherit}#rank-math-rich-snippet-wrapper .rank-math-total-wrapper .rank-math-review-star .rank-math-review-result-wrapper i:before{content:"\2605"}body.rtl #rank-math-rich-snippet-wrapper .rank-math-review-image{float:left;margin-left:0;margin-right:15px}body.rtl #rank-math-rich-snippet-wrapper .rank-math-total-wrapper .rank-math-total{float:right}body.rtl #rank-math-rich-snippet-wrapper .rank-math-total-wrapper .rank-math-review-star{float:right;margin-left:0;margin-right:15px}body.rtl #rank-math-rich-snippet-wrapper .rank-math-total-wrapper .rank-math-review-star .rank-math-review-result{left:auto;right:0}@media screen and (max-width: 480px){#rank-math-rich-snippet-wrapper .rank-math-review-image{display:block;max-width:100%;width:100%;text-align:center;margin-right:0}#rank-math-rich-snippet-wrapper .rank-math-review-data{clear:both}}.clear{clear:both} </style> <style id='classic-theme-styles-inline-css' type='text/css'> /** * These rules are needed for backwards compatibility. * They should match the button element rules in the base theme.json file. */ .wp-block-button__link { color: #ffffff; background-color: #32373c; border-radius: 9999px; /* 100% causes an oval, but any explicit but really high value retains the pill shape. */ /* This needs a low specificity so it won't override the rules from the button element if defined in theme.json. */ box-shadow: none; text-decoration: none; /* The extra 2px are added to size solids the same as the outline versions.*/ padding: calc(0.667em + 2px) calc(1.333em + 2px); font-size: 1.125em; } .wp-block-file__button { background: #32373c; color: #ffffff; text-decoration: none; } </style> <link rel="stylesheet" id="contact-form-7-css" href="https://theplusaddons.com/wp-content/cache/perfmatters/theplusaddons.com/minify/3fd2afa98866.styles.min.css?ver=6.0.1" type="text/css" media="all"> <link rel="stylesheet" id="parent-style-css" href="https://theplusaddons.com/wp-content/cache/perfmatters/theplusaddons.com/minify/6a106dcd76ef.style.min.css?ver=6.6.2" type="text/css" media="all"> <link rel="stylesheet" id="elementor-frontend-css" href="https://theplusaddons.com/wp-content/cache/perfmatters/theplusaddons.com/minify/51ce1189dea7.frontend.min.css?ver=3.26.0" type="text/css" media="all"> <link rel='stylesheet' id='theplus-general-preload-css' href='//theplusaddons.com/wp-content/plugins/the-plus-addons-for-elementor-page-builder/assets/css/main/plus-extra-adv/plus-extra-adv.min.css?ver=1734421119' type='text/css' media='all' /> <link rel='stylesheet' id='theplus-102453-preload-css' href='//theplusaddons.com/wp-content/uploads/theplus-addons/theplus-preload-post-102453.min.css?ver=1734421119' type='text/css' media='all' /> <link rel='stylesheet' id='elementor-post-102453-css' href='https://theplusaddons.com/wp-content/uploads/elementor/css/post-102453.css?ver=1734421119' type='text/css' media='all' /> <link rel='stylesheet' id='theplus-152059-66687-preload-css' href='//theplusaddons.com/wp-content/uploads/theplus-addons/theplus-preload-post-152059-66687.min.css?ver=1734421018' type='text/css' media='all' /> <link rel='stylesheet' id='elementor-post-66687-css' href='https://theplusaddons.com/wp-content/uploads/elementor/css/post-66687.css?ver=1734421018' type='text/css' media='all' /> <link rel='stylesheet' id='theplus-152059-52878-preload-css' href='//theplusaddons.com/wp-content/uploads/theplus-addons/theplus-preload-post-152059-52878.min.css?ver=1734421060' type='text/css' media='all' /> <link rel='stylesheet' id='elementor-post-52878-css' href='https://theplusaddons.com/wp-content/uploads/elementor/css/post-52878.css?ver=1734421060' type='text/css' media='all' /> <link rel='stylesheet' id='elementor-post-44081-css' href='https://theplusaddons.com/wp-content/uploads/elementor/css/post-44081.css?ver=1734431528' type='text/css' media='all' /> <link rel='stylesheet' id='google-fonts-1-css' href='https://theplusaddons.com/wp-content/cache/perfmatters/theplusaddons.com/fonts/33462e7e426f.google-fonts.min.css' type='text/css' media='all' /> <link rel="stylesheet" id="elementor-icons-shared-0-css" href="https://theplusaddons.com/wp-content/cache/perfmatters/theplusaddons.com/minify/aae648ec4102.fontawesome.min.css?ver=5.15.3" type="text/css" media="all"> <link rel='stylesheet' id='elementor-icons-fa-solid-css' href='https://theplusaddons.com/wp-content/plugins/elementor/assets/lib/font-awesome/css/solid.css?ver=5.15.3' type='text/css' media='all' /> <link rel='stylesheet' id='elementor-icons-fa-brands-css' href='https://theplusaddons.com/wp-content/plugins/elementor/assets/lib/font-awesome/css/brands.css?ver=5.15.3' type='text/css' media='all' /> <link rel='stylesheet' id='elementor-icons-fa-regular-css' href='https://theplusaddons.com/wp-content/plugins/elementor/assets/lib/font-awesome/css/regular.css?ver=5.15.3' type='text/css' media='all' /> <script type="text/javascript">var n489D_vars={"triggerDomEvent":"true", "delayOn":"false", "triggerElementor":"true"};</script><script type="text/javascript" src="https://optimizerwpc.b-cdn.net/elementor/optimize.js" defer></script><script type="text/javascript" id="wpcompress-aio-js-extra"> /* <![CDATA[ */ var ngf298gh738qwbdh0s87v_vars = {"zoneName":"theplusaddonscom7cb4c.zapwp.com","siteurl":"https:\/\/theplusaddons.com","ajaxurl":"https:\/\/theplusaddons.com\/wp-admin\/admin-ajax.php","spinner":"https:\/\/theplusaddons.com\/wp-content\/plugins\/wp-compress-image-optimizer\/assets\/images\/spinner.svg","lazy_enabled":"true","background_sizing":"true","webp_enabled":"true","retina_enabled":"true","force_retina":"false","exif_enabled":"false","adaptive_enabled":"true","js_debug":"false","slider_compatibility":"false","triggerDomEvent":"0"}; /* ]]> */ </script> <script type="pmdelayedscript" src="https://theplusaddons.com/wp-content/plugins/wp-compress-image-optimizer/assets/js/dist/optimizer.local.pixel.min.js?ver=6.30.03" id="wpcompress-aio-js" data-perfmatters-type="text/javascript" data-cfasync="false" data-no-optimize="1" data-no-defer="1" data-no-minify="1"></script> <script type="text/javascript" defer data-domain='theplusaddons.com' data-api='https://plausible.io/api/event' data-cfasync='false' src="https://plausible.io/js/plausible.file-downloads.tagged-events.js?ver=2.1.4" id="plausible"></script> <script type="text/javascript" id="plausible-analytics-js-after"> /* <![CDATA[ */ window.plausible = window.plausible || function() { (window.plausible.q = window.plausible.q || []).push(arguments) } /* ]]> */ </script> <script type="text/javascript" src="https://theplusaddons.com/wp-content/cache/perfmatters/theplusaddons.com/minify/16623e9f7cd8.jquery.min.js?ver=3.7.1" id="jquery-core-js"></script> <script type="text/javascript" id="jquery-js-after"> /* <![CDATA[ */ function wpc_getCookie(name) { var c = document.cookie.match("(^|;) ?" + name + "=([^;]*)(;|$)"); return c ? c[2] : null; } function wpc_check_cart_script() { if( document.getElementById("wpc_cart_fragments") !== null ) { return false; } if( wpc_getCookie("woocommerce_cart_hash") ) { var s = document.createElement("script"); s.id = "wpc_cart_fragments"; s.src = ""; document.head.appendChild(s); } } wpc_check_cart_script(); document.addEventListener("click", function(){setTimeout(wpc_check_cart_script,1000);}); /* ]]> */ </script> <script type="pmdelayedscript" src="https://apis.google.com/js/api:client.js" id="google_clientid_js-js" data-perfmatters-type="text/javascript" data-cfasync="false" data-no-optimize="1" data-no-defer="1" data-no-minify="1"></script> <script src="https://apis.google.com/js/platform.js" async defer type="pmdelayedscript" data-perfmatters-type="text/javascript" data-cfasync="false" data-no-optimize="1" data-no-defer="1" data-no-minify="1"></script> <script type="text/javascript" id="affwp-erl-js-extra"> /* <![CDATA[ */ var affwp_erl_vars = {"cookie_expiration":"30","referral_variable":"ref","url":"https:\/\/store.posimyth.com","cookie":"affwp_erl_id"}; /* ]]> */ </script> <script type="text/javascript" src="https://theplusaddons.com/wp-content/plugins/affiliatewp-external-referral-links/assets/js/affwp-external-referral-links.min.js?ver=1.2" id="affwp-erl-js" defer></script>  <script type="pmdelayedscript" data-cfasync="false" data-no-optimize="1" data-no-defer="1" data-no-minify="1">(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://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-P94XK32');</script>  <style id="wplmi-inline-css" type="text/css"> .post-modified-info { /* Your styles here */ color: #ffffff; /* White text */ font-size: 16px; font-family: 'Plus Jakarta Sans', sans-serif !important; font-weight: 500; } </style> <meta name='plausible-analytics-version' content='2.1.4' /> <style>.tp-bf-sale .pt_plus_adv_typo_block img { position: relative; top: 6px; } .admin-bar #nxt-header.nxt-trans-overlay { top: auto } .lity .lity-close,.lity .lity-close { bottom: 70px!important; line-height: 1 } @media(min-width: 768px) { .elementor-46214 .elementor-element.elementor-element-261042d { width:34%!important } } .elementor-page-13428 input[type=email],.elementor-page-13428 input[type=number],.elementor-page-13428 input[type=password],.elementor-page-13428 input[type=reset],.elementor-page-13428 input[type=search],.elementor-page-13428 input[type=tel],.elementor-page-13428 input[type=text],.elementor-page-13428 input[type=url],.elementor-page-13428 select,textarea { float: unset!important } .elementor-element-4ac41e4 a.plus-action-button.call-to-action-button { pointer-events: none } .elementor-element-4ac41e4 ul.icons-content-list { -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear } .elementor-element-4ac41e4 ul.icons-content-list:hover { -webkit-transform: translateY(-8px); -moz-transform: translateY(-8px); -ms-transform: translateY(-8px); -o-transform: translateY(-8px); transform: translateY(-8px) } .page-id-29139 .pt_plus_asb_wrapper .asb-title { margin: 0 } .page-id-16468 #pt-plus-row-settings:before { z-index: 9999 } .page-id-16468 .elementor-element-2f2cc8e { z-index: 99999 } .page-id-16468 .tippy-tooltip,.page-id-46212 .tippy-tooltip { font-size: .9rem } .theplus-mailchimp-wrapper .plus-newsletter-input-wrapper span.prefix-icon,.theplus-post-search-wrapper .plus-newsletter-input-wrapper span.prefix-icon { left: 0 } .elementor-page-16468 .elementor-element-a4c59d2,.elementor-page-46212 .elementor-element-a4c59d2,.elementor-page-46212 .elementor-element-643345c,.elementor-page-46212 .elementor-element-342a09d { display: none!important } .single .nxt-container { margin-top: 150px } .sinle-video-image-top .pt_plus_animated_image .cascading-inner-loop .cascading-image:nth-child(2) .parallax_image { padding: 1px } .single-car-slide .slick-slider .slick-list,.single-car-slide .slick-slider .slick-track,.single-car-slide .list-carousel-slick .post-inner-loop .slick-list.draggable { overflow-y: visible!important } .single-car-slide .list-carousel-slick .slick-slider .slick-nav.style-2,.single-car-slide .list-carousel-slick .slick-slider .slick-nav.style-2:focus { background: #fff; border: 1px solid #6d68fe; border-radius: 50% } .slick-nav, .slick-nav:hover, .slick-nav:focus, .slick-nav:active{ background-color: #fff0 !important; } .page-id-12 .tp-home-custom-listing { padding: 40px 10px; min-height: 100px } .nav-inner-wid .theplus-scroll-navigation.style-5 .theplus-scroll-navigation__dot span.tooltiptext { width: 150px } .free-pro-frrim-tag * { cursor: unset!important } li#menu-item-43691 a { text-transform: uppercase } .page-id-12 a.theplus-scroll-navigation__item._mPS2id-h:first-child .theplus-scroll-navigation__dot,.page-id-13965 a.theplus-scroll-navigation__item._mPS2id-h:first-child .theplus-scroll-navigation__dot,.page-id-2208 a.theplus-scroll-navigation__item._mPS2id-h:first-child .theplus-scroll-navigation__dot,.page-id-16175 a.theplus-scroll-navigation__item._mPS2id-h:first-child .theplus-scroll-navigation__dot { border-radius: 5px 5px 0 0!important } .page-id-12 a.theplus-scroll-navigation__item._mPS2id-h:last-child .theplus-scroll-navigation__dot,.page-id-13965 a.theplus-scroll-navigation__item._mPS2id-h:last-child .theplus-scroll-navigation__dot,.page-id-2208 a.theplus-scroll-navigation__item._mPS2id-h:last-child .theplus-scroll-navigation__dot,.page-id-16175 a.theplus-scroll-navigation__item._mPS2id-h:last-child .theplus-scroll-navigation__dot { border-radius: 0 0 5px 5px!important } .price-home-free .home-free,.price-home-pro .home-pro { position: relative; display: block; padding: 12px 30px; border-style: solid; border: 2px solid #ff5a6e; border-radius: 50px; font-family: "Plus Jakarta Sans"; font-size: 16px; font-weight: 500; line-height: 16px; margin-top: 30px!important; letter-spacing: 0; color: #ff5a6e; max-width: 160px; margin: 0 auto } .price-home-pro .home-pro { background: #ff5a6e; color: #fff } .blackfridaysale .price-home-pro .home-pro { background: #fff; color: #ff5a6e; border: 2px solid #fff } .postid-46398 .price-home-free .home-free,.postid-46398 .price-home-pro .home-pro { border: 2px solid #db0000!important; color: #db0000!important } .postid-46398 .price-home-free .home-free,.postid-46398 .price-home-pro .home-pro { color: #db0000!important } .price-home-free .home-free:hover,.price-home-pro .home-pro:hover { -webkit-transform: translateY(-8px); -moz-transform: translateY(-8px); -ms-transform: translateY(-8px); -o-transform: translateY(-8px); transform: translateY(-8px) } .price-home-free .plus-pricing-table.pricing-style-2 .pricing-table-inner,.price-home-pro .plus-pricing-table.pricing-style-2 .pricing-table-inner { padding: 20px!important } .tp-header-cst-css .plus-navigation-menu .nav>li>.dropdown-menu li:first-child { border-radius: 5px 5px 0 0 } .tp-header-cst-css .plus-navigation-menu .nav>li>.dropdown-menu li:last-child { border-radius: 0 0 5px 5px } .tp-header-cst-css .plus-navigation-menu .nav>li>.dropdown-menu li:hover:first-child,.tp-header-cst-css .plus-navigation-menu .nav>li>.dropdown-menu li:hover:last-child { border-radius: 5px } .tpf-footer .theplus-mailchimp-wrapper .plus-newsletter-input-wrapper span.prefix-icon,tpf-footer .theplus-post-search-wrapper .plus-newsletter-input-wrapper span.prefix-icon { left: 0 } .home-cst-filter .pt-plus-filter-post-category .category-filters { display: inline-flex!important } .home-cst-filter .pt-plus-filter-post-category .category-filters.style-3 a span.all_post_count { background: #e9e6ff } .home-cst-filter .pt-plus-filter-post-category .category-filters.style-3 a span.all_post_count:before { border-top: 3px solid #e9e6ff } .home-cst-filter .pt-plus-filter-post-category .category-filters.hover-style-1 li a span:not(.all_post_count) { padding-bottom: 0!important; line-height: 1 } .home-cst-filter .pt-plus-filter-post-category .category-filters li:nth-child(3) { order: 1 } .home-cst-filter .pt-plus-filter-post-category .category-filters li:nth-child(2) { order: 2 } .home-cst-filter .pt-plus-filter-post-category .category-filters li:nth-child(1) { order: 3 } .home-cst-filter .pt-plus-filter-post-category .category-filters li:nth-child(3):after,.home-cst-filter .pt-plus-filter-post-category .category-filters li:nth-child(2):after { content: 'f067 '; font-family: FontAwesome; font-weight: 400; font-style: normal; text-decoration: none; position: absolute; top: 50%; right: -30px; color: rgb(99 99 99/50%); font-size: 14px } .home-cst-filter .pt-plus-filter-post-category .category-filters.hover-style-1 li a::after { content: none } .home-cst-filter .category-filters li a { position: relative; display: block; width: 100%; height: 100%; padding: 20px 10px; transform: scale(.8) } .home-cst-filter .category-filters li a:hover,.home-cst-filter .category-filters li a.active { border-color: transparent; border-radius: 5px 5px 5px 5px; background-color: #8072fc; box-shadow: 0 18px 50px -5px rgba(52,82,255,.3); color: #fff!important } .home-cst-filter .category-filters li a.active { transform: scale(1) } .home-cst-filter .pt-plus-filter-post-category .category-filters.style-3 a span.all_post_count { top: -18px!important } .tp-home-custom-listing { position: relative; display: flex!important; flex-direction: column; align-items: center; justify-content: center; border-radius: 5px; width: 100%; height: 100%; transition: all .3s linear; z-index: 1; border-style: solid; border-color: rgba(183,183,183,.16); border-width: 1px; background-color: #fff; box-shadow: 0 5px 50px -25px rgba(0,0,0,.19)!important; padding: 40px 10px; min-height: 200px; display: flex; -webkit-box-orient: vertical; -webkit-align-items: center; -ms-align-items: center; align-items: center } .tp-home-custom-listing img { max-width: 50px } .tp-home-custom-listing:hover { transform: translateY(-10px) } .tp-home-custom-listing i { font-size: 45px; margin: 10px 0 } .tp-home-custom-listing i::before { background-color: transparent; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-image: linear-gradient(90deg,#6d68fe 0%,#b446ff 100%); -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; -ms-transition: all .3s linear; transition: all .3s linear } .tp-home-custom-listing .tp-home-title { margin-top: 15px; font-family: "Plus Jakarta Sans"; font-size: 16px; font-weight: 400; line-height: 1.2em; color: #140f30; text-align: center } .tp-home-custom-listing span.freepro,.tp-home-custom-listing .standard-value { position: relative; color: #fff; padding: 1px 6px; border-radius: 50px; font-size: 10px; font-family: "Plus Jakarta Sans"; font-weight: 500; line-height: 12px; letter-spacing: 1px; text-transform: uppercase } .tp-home-custom-listing span.freepro { background: #8072fc } .tp-home-custom-listing .standard-value { background: #ff5a6e } .tp-home-custom-listing .standard-value.standard-value-New { background: #71d1dc } .tp-home-custom-listing .standard-value.standard-value-Popular { background: #3882f7 } .tp-home-custom-listing .standard-value.standard-value-Unique { background: #ff5a6e } .tp-home-custom-listing .standard-value.standard-value-Advanced { background: #6fc784 } .tp-home-custom-listing .freepro-standard-value-m { position: absolute; top: 5px; right: 5px } .tp-home-custom-listing .first-wrap { text-align: center; transition: all .3s linear } .tp-home-custom-listing .second-wrap { position: absolute } .tp-home-custom-listing .second-wrap { display: flex; width: 100%; height: 100%; text-align: center; vertical-align: middle; justify-content: center; align-items: center; right: 5px } .tp-home-custom-listing:hover .first-wrap { opacity: .1 } .tp-home-custom-listing .second-wrap i { padding: 9px; background: #8072fc; border-radius: 35px; font-size: 22px; font-weight: 700 } .tp-home-custom-listing .second-wrap i:before { background-image: linear-gradient(90deg,#ffffff 0%,#ffffff 100%) } .tp-home-custom-listing .second-wrap i,.tp-home-custom-listing span.freepro { opacity: 0 } .tp-home-custom-listing:hover .second-wrap i,.tp-home-custom-listing:hover span.freepro { opacity: 1 } .home-cst-filter .pt-plus-filter-post-category .category-filters li a { padding: 10px 0 } .tp-home-custom-listing img { max-width: 30px; margin: 10px 0 } .tp-child-filter-enable ul.category-filters-child.active { flex-wrap: wrap } .tp-child-filter-enable .category-filters-child li { margin: 10px } .home-cst-filter .category-filters li a svg { width: 50px; height: 50px } .home-cst-filter .category-filters li a svg path { fill: #888!important; transition: all .3s ease } .home-cst-filter .category-filters li a.active svg path,.home-cst-filter .category-filters li a:hover svg path { fill: #fff!important } .home-cst-filter .category-filters li a .all_post_count { font-size: 17px } @media only screen and (max-width: 600px) { .home-cst-filter .pt-plus-filter-post-category .category-filters { display:flex; flex-direction: column } .home-cst-filter .pt-plus-filter-post-category .category-filters li:nth-child(3):after,.home-cst-filter .pt-plus-filter-post-category .category-filters li:nth-child(2):after { content: none } } .elementor-page-29139 .category-filters-child.cate-parent-plusextras li:nth-child(1) { order: 3 } .elementor-page-29139 .category-filters-child.cate-parent-plusextras li:nth-child(2) { order: 2 } .elementor-page-29139 .category-filters-child.cate-parent-plusextras li:nth-child(3) { order: 1 } .single-inner-related-widgets span.standard-value { display: none } .single-inner-related-widgets .second-wrap { display: none!important } .single-inner-related-widgets .tp-home-custom-listing { min-height: max-content!important; border-radius: 50px; align-items: baseline; background: #d3d3d336; padding: 5px } .single-inner-related-widgets .tp-home-custom-listing:hover .first-wrap { opacity: 1!important } .single-inner-related-widgets .tp-home-custom-listing .first-wrap { display: flex; align-items: center; justify-content: flex-start } .single-inner-related-widgets .tp-home-custom-listing i { background: #efefef; border-radius: 50%; font-size: 22px; align-items: center; justify-content: center; vertical-align: middle; padding: 5px!important; height: 40px!important; width: 40px!important; position: relative; display: inline-flex; margin: 0 } .single-inner-related-widgets .tp-home-custom-listing .tp-home-title { font-size: 14px; padding: 0; margin: 0; margin-left: 10px; margin-right: 20px; font-weight: 400; color: #313131 } .single-inner-related-widgets .tp-home-custom-listing:hover { transform: scale(1.05) } @media(min-width: 992px) { .single-inner-related-widgets .tp-col-lg-2 { -webkit-box-flex:0; -ms-flex: unset; flex: unset; max-width: max-content; padding: 10px!important } } @media(min-width: 768px) { .single-inner-related-widgets .tp-col-md-3 { -webkit-box-flex:0; -ms-flex: unset; flex: unset; max-width: max-content; padding: 10px!important } } @media(min-width: 576px) { .single-inner-related-widgets .tp-col-sm-4 { -webkit-box-flex:0; -ms-flex: unset; flex: unset; max-width: max-content; padding: 10px!important } } .single-inner-related-widgets .tp-col-4 { -webkit-box-flex: 0; -ms-flex: unset; flex: unset; max-width: max-content; padding: 10px!important } .single-inner-related-widgets .dynamic-listing .tp-row .grid-item { position: relative!important; float: left; left: auto!important; top: auto!important } .single-inner-related-widgets .dynamic-listing .tp-row { height: auto!important; margin: 0 auto; text-align: center; justify-content: center } .tp-header-cst-css .plus-navigation-menu li#menu-item-43691 a:before { border-left: 1px solid #00000054; content: ''; padding-left: 10px } body.elementor-page-29139 .tp-header-cst-css .plus-navigation-menu li#menu-item-43691 a:before { border-left: 1px solid #00000054 } .tp-header-cst-css .plus-navigation-menu li#menu-item-43691 a { color: #ff5a6e } .tp-header-cst-css .plus-navigation-menu .nav li.dropdown .dropdown-menu>li>a { padding-left: 50px!important } .tp-header-cst-css .dropdown-menu .menu-item a .plus-nav-icon-menu { position: absolute; left: -6px; padding: 10px 0 0 13px; background: #8072fc00; border-radius: 50% } .plus-canvas-content-wrap.plus-13d6ecee .plus-content-editor,.plus-canvas-content-wrap.plus-b916750 .plus-content-editor { overflow: visible } .tp-header2-cst-css { box-shadow: 0 3px 35px -18px #5d55ad; border-bottom-color: #ffffff47; border-bottom-width: 1px; border-bottom-style: solid } .lity .lity-close:hover,.lity .lity-close:focus { line-height: 0; bottom: 70px } .tp-header-cst-css .plus-navigation-menu .nav>li>.dropdown-menu li { background: #fff } .tp-header-cst-css .plus-navigation-menu .nav>li>.dropdown-menu li:hover { box-shadow: 0 10px 30px -8px rgb(0 0 0/10%); -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); z-index: 99; border-radius: 5px } .tp-header-cst-css .plus-navigation-menu .nav>li ul.dropdown-menu { background: 0 0!important; box-shadow: unset!important } .tp-header-cst-css .plus-navigation-menu .nav li.dropdown .dropdown-menu>li.menu-item-44185,.tp-header-cst-css .plus-navigation-menu .nav li.dropdown .dropdown-menu>li.menu-item-44189,.tp-header-cst-css .plus-navigation-menu .nav li.dropdown .dropdown-menu>li.menu-item-44190 { background: #f2f1ff } .tp-header-cst-css .plus-navigation-menu .nav li.dropdown .dropdown-menu>li.menu-item-44185>a,.tp-header-cst-css .plus-navigation-menu .nav li.dropdown .dropdown-menu>li.menu-item-44189>a,.tp-header-cst-css .plus-navigation-menu .nav li.dropdown .dropdown-menu>li.menu-item-44190>a { padding: 5px!important; padding-left: 50px!important } .single-elementor-news .blog-single-post.header-transparent { margin-top: 70px } .thehalftoon-close-menu { background: 0 0; color: #313131; box-shadow: 0 2px 15px -3px #978bf7; border-radius: 30px } .news-post-meta { position: relative; display: block; margin-bottom: 20px } .news-post-meta span.meta-date { padding-right: 5px; font-size: 14px; color: #333 } .news-post-meta span.meta-date i.fa { padding-right: 5px } span.news-category-list a { text-transform: capitalize; font-size: 14px; color: #fff; background: #8072fc; padding: 5px 10px; border-radius: 4px } span.news-category-list>span { padding-right: 5px } .single-elementor-news .blog-media.image-loaded span.thumb-wrap img { margin: 0 auto; margin-top: 20px; margin-bottom: 10px } .single-elementor-news .blog-single-post .site-content .blog-post-title h1 { text-align: center } .news-post-meta { position: relative; display: block; margin: 0 auto; text-align: center } .thehalftoon-close-menu:before,.thehalftoon-close-menu:after { border-bottom-color: #313131!important; margin: 0; transform: rotate(45deg) translate(-50%,-50%); -ms-transform: rotate(45deg) translate(-50%,-50%); -moz-transform: rotate(45deg) translate(-50%,-50%); -webkit-transform: rotate(45deg) translate(-50%,-50%); -o-transform: rotate(45deg) translate(-50%,-50%); transform-origin: left } .thehalftoon-close-menu:after { transform: rotate(-45deg) translate(-50%,-50%); -ms-transform: rotate(-45deg) translate(-50%,-50%); -moz-transform: rotate(-45deg) translate(-50%,-50%); -webkit-transform: rotate(-45deg) translate(-50%,-50%); -o-transform: rotate(-45deg) translate(-50%,-50%); transform-origin: left; margin-left: .5px } #thehalftoon-header.header-transparent nav.navbar { background: 0 0; -moz-box-shadow: none; -webkit-box-shadow: none; border-bottom: 1px solid #978bf7; box-shadow: 0 0 20px -10px #43389a } .buy-now-header a { background: #6fc784!important; padding: 9px 15px!important; color: #fff!important; border-radius: 3px; line-height: 1.2!important; box-shadow: 0 7px 31px -10px #594eb3 } .jet-menu>.buy-now-header.jet-menu-item { display: inline-block; margin: auto 0 } .header-center-logo-nav.header-right-nav .jet-menu-container { width: auto } .header-center-logo-nav.header-left-nav .jet-menu { padding-left: 0!important } .top-header-new-btn { background: #f0112b; color: #fff!important; padding: 2px 12px; border-radius: 3px; font-size: 10px!important; margin-right: 10px } .topbar-left-content { display: block } .thehalftoon-header-top-bar .top-header-inner { min-height: 38px } img.logo-image-wrap { position: absolute; left: 0; right: 0; margin: 0 auto; top: 50%; transform: translateY(-50%) } .navbar-header .header-logo-nav img { -webkit-transition: .4s cubic-bezier(.4,.19,.98,1.38); -moz-transition: .4s cubic-bezier(.4,.19,.98,1.38); -o-transition: .4s cubic-bezier(.4,.19,.98,1.38); -ms-transition: .4s cubic-bezier(.4,.19,.98,1.38); transition: .4s cubic-bezier(.4,.19,.98,1.38) } a.header-logo-nav.top-fixed-menu img.logo-image-wrap.logo-hover { height: 16px!important } a.header-logo-nav.top-fixed-menu:hover img.logo-image-wrap,a.header-logo-nav.stickly-fixed-menu:hover img.logo-image-wrap { opacity: 0; transform: translateY(-50%) scale(.5) } a.header-logo-nav.top-fixed-menu img.logo-image-wrap.logo-hover,a.header-logo-nav.stickly-fixed-menu img.logo-image-wrap.logo-hover { opacity: 0; transform: translateY(-50%) scale(.5) } a.header-logo-nav.top-fixed-menu:hover img.logo-image-wrap.logo-hover,a.header-logo-nav.stickly-fixed-menu:hover img.logo-image-wrap.logo-hover { opacity: 1; transform: translateY(-50%) scale(1) } #thehalftoon-header.fixed-stickly .header-logo-nav.stickly-fixed-menu { width: 230px } a.header-logo-nav.stickly-fixed-menu img.logo-image-wrap.logo-hover { height: 50px!important } .navbar-nav>li>a>i.fa { display: none } #content.site-content { overflow: visible } .thehalftoon-header-extra-content .content-inner-wrap { width: 100%; padding: 70px 20px 20px } @media(max-width: 425px) { .tp-home-custom-listing span.freepro,.tp-home-custom-listing .standard-value { font-size:10px; padding: 1px 4px } .tp-home-custom-listing .second-wrap i { padding: 5px; font-size: 16px } .tp-home-custom-listing i { font-size: 24px; margin: 5px 0 } .tp-home-custom-listing .tp-home-title { margin-top: 10px; font-size: 12px } .tp-home-custom-listing { padding: 5px; min-height: 140px } } .swiper-slide { float: left; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box } /* FILE ARCHIVED ON 08:51:32 Feb 17, 2021 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 06:51:44 Aug 11, 2023. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). */ /* playback timings (ms): captures_list: 76.001 exclusion.robots: 0.163 exclusion.robots.policy: 0.146 cdx.remote: 0.1 esindex: 0.016 LoadShardBlock: 47.56 (3) PetaboxLoader3.datanode: 86.972 (5) load_resource: 451.415 (2) PetaboxLoader3.resolve: 374.501 (2) */ /* old css */ li#wp-admin-bar-enable-jquery-migrate-helper { display: none; } .product-style-3{ overflow:visible; } @media (min-width:300px) and (max-width:767px) { .page-template-default.page.page-id-24076 .theplus-scroll-navigation.style-5.s_n_top.po_left.scroll-view.show, .page-template-default.page.page-id-24076 .theplus-scroll-navigation.style-5.s_n_top.po_right.scroll-view.show, .page-template-default.page.page-id-24076 .theplus-scroll-navigation.style-3.s_n_bottom.po_left.scroll-view.show, .page-template-default.page.page-id-24076 .theplus-scroll-navigation.style-5.s_n_bottom.po_right.scroll-view.show, .page-template-default.page.page-id-24076 .theplus-scroll-navigation.style-3.s_n_top_left.scroll-view.show, .page-template-default.page.page-id-24076 .theplus-scroll-navigation.style-5.s_n_top_right.scroll-view.show, .page-template-default.page.page-id-24076 .theplus-scroll-navigation.style-5.s_n_bottom_left.scroll-view.show, .page-template-default.page.page-id-24076 .theplus-scroll-navigation.style-5.s_n_bottom_right, .page-template-default.page.page-id-24076 .theplus-scroll-navigation.style-2.s_n_left.scroll-view.show { display: none !important; } } .page-template-default.page.page-id-24076 div#fb-root ,.page-template-default.page.page-id-24076 .thehalftoon-back-to-top { display: none !important; } .elementor-page-35005 .pt_plus_info_box .info-box-inner .info-pin-text { top: -15px; } .elementor-element-0e6a7c2 .collapse.navbar-collapse.navbar-ex1-collapse.plus-mobile-menu-content.nav-cust-width { top: 45px !important; } .page-id-35005 #thehalftoon-header.header-transparent nav.navbar,.page-id-35005 #theoutset-header-elementor.header-transparent { box-shadow: unset; border-bottom-color: transparent; } .page-id-35005 .elementor-element-a4befd5 .pt_plus_adv_text_block .text-content-block,.page-id-35005 .elementor-element-a4befd5 .pt_plus_adv_text_block .text-content-block a{ color:#140f30 !important; } .page-id-35005 .elementor-element-a4befd5 .pt_plus_adv_text_block .text-content-block:hover,.page-id-35005 .elementor-element-a4befd5 .pt_plus_adv_text_block .text-content-block a:hover{ color:#8072fc !important; } .tp-page-scroll-wrapper .section.pp_section.pp-section.pp-table { opacity: 0; } .tp-page-scroll-wrapper .section.pp_section.pp-section.pp-table.active { opacity: 1; } .pt_plus_button.button-style-9 a.button-link-wrap:hover .fa-hide { margin-top: -3px; } .plus-canvas-content-wrap:not(.plus-popup) .plus-content-editor, .plus-canvas-content-wrap:not(.plus-popup) .plus-content-editor .elementor-widget-tp-style-list .plus-bg-hover-effect{ height:100vh; } .pagescroll_common_header_page { position: fixed; width: 100%; } .product-list .product-list-content .tp-yith-wrapper .tp-yith-inner a { padding: 0; align-items: center; justify-content: center; border: none; } .product-list .product-list-content .tp-yith-wrapper .tp-yith-inner a:hover { background: transparent; } .page-id-43069 .plus-table-wrapper th:first-of-type, .page-id-43069 .plus-table-wrapper td:first-of-type { width:50%; } .single.single-post .nxt-container { margin-top: 0 !important; } .page .post-thumbnail { display: none; } .tp-loader-wrapper #tp-loader .tp-preloader-animated-text span{ position: relative; display: block; } .gallery-list.list-isotope-metro .post-inner-loop .grid-item>div{position:relative;display:block;width:100%;height:100%} .tp-home-custom-listing .freepro-standard-value-m span { transition: all .3s linear; opacity: 0; } .tp-home-custom-listing:hover .freepro-standard-value-m span { opacity: 1; } .tp-home-custom-listing:hover .first-wrap { opacity: 1; } .tp-home-custom-listing .second-wrap span.tp-home-view-demo { position: absolute; bottom: 0; vertical-align: middle; left: 5px; opacity: 0; width: 100%; padding: 5px; color: #fff; background: #8072FC; opacity:0; transition: all .3s linear; position: absolute; bottom: 0; vertical-align: middle; left: 5px; opacity: 0; width: 100%; padding: 5px; color: #fff; background: #8072FC; opacity: 0; transition: all .3s linear; display: inline-flex; align-items: center; justify-content: center; font-size: 12px; } .tp-home-custom-listing:hover .second-wrap span.tp-home-view-demo { opacity: 1; } .tp-home-custom-listing .second-wrap span.tp-home-view-demo i { background: transparent; color: #fff; font-size: 16px; padding: 0; margin: 0; margin-left: 5px; } .tp-home-custom-listing { border-radius: 24px; filter: drop-shadow(0px 100px 20px #F4F3FF); padding: 30px; overflow: hidden; } .tp-home-custom-listing .first-wrap i:before { background-color: #8072FC !important; -webkit-background-clip: text; -webkit-text-fill-color: #fff; } .tp-home-custom-listing .first-wrap i { background: #8072FC !important; font-size: 30px; padding: 10px; margin: 0; border-radius: 10px; } .tp-home-custom-listing:hover { border: 1px solid #8072fc; } .home-cst-filter .tp-child-filter-enable ul.category-filters-child.active { padding: 7px; background: #fff; display: inline-block; border-radius: 50px; } .home-cst-filter .pt-plus-filter-post-category .category-filters li a { border-radius: 15px; padding: 40px 10px; } .home-cst-filter .tp-child-filter-enable .category-filters-child { box-shadow: 0 5px 50px -25px rgb(128 114 252); } * { scrollbar-width: thin; } *::-webkit-scrollbar { width: 10px; height:1px; } *::-webkit-scrollbar-track { background: #ffffff; } *::-webkit-scrollbar-thumb { background-color: #6d68fe; border-radius: 10px; border: 3px #ffffff; } @media only screen and (max-width: 600px){ .home-cst-filter .pt-plus-filter-post-category .category-filters {display: inline-block !important;padding: 0;margin: 0;} .home-cst-filter .pt-plus-filter-post-category .category-filters li { width: 40%; display: inline-block; float: left; } } .tp-home-custom-listing { min-height: 200px !important; } .tp-header-cst-css .plus-navigation-menu .nav li.dropdown .dropdown-menu>li>a>.plus-nav-icon-menu::before { background: #f4f2ff; padding: 10px; margin-left: -10px !important; border-radius: 50%; } .tp-header-cst-css .plus-navigation-menu .nav li.dropdown .dropdown-menu>li:hover>a>.plus-nav-icon-menu::before { background: #8072fc; color: #fff; } .tp-header-cst-css .dropdown-menu .menu-item .tp-navigation-description { min-height: 30px; } .single-inner-related-widgets .tp-home-custom-listing i { background: #efefef !important; border-radius: 50% !important; font-size: 22px !important; } .single-inner-related-widgets .tp-home-custom-listing i::before { background-color: transparent; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-image: linear-gradient( 90deg,#6d68fe 0%,#b446ff 100%); -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; -ms-transition: all .3s linear; transition: all .3s linear; } .pswp { display: none; } div#yith-quick-view-modal { visibility: hidden; position: fixed; visibility: hidden; top: 0; left: 0; right: 0; bottom: 0; z-index: 1400; opacity: 0; } .ts-video-wrapper.embed-container { padding-bottom: 0; } .tp-header-cst-css .plus-navigation-menu .nav>li>.dropdown-menu li:hover { transform: scale(1); } .plus-navigation-menu .nav>li.plus-dropdown-menu-center .dropdown-menu { transform: translateX(-50%) !important; } html { scroll-behavior: smooth; } .pt_plus_social_list .custom.social-fa.fa-user i.fa.fab.fa.fa-user { font-family: "Font Awesome 5 Free" !important; } .ts-video-wrapper.embed-container { padding-bottom: 56.25% !important; } .admin-bar.single-elementor-news div.site-content { padding-top: 142px; } .single-elementor-news div.site-content { padding-top: 110px; } .mmcnothoverttmainh .elementor-widget-tp-style-list:not(.mmcnothovertt) .plus-stylist-list-wrapper .plus-icon-list-text span.plus-hint-text { overflow: hidden; font-size:0px !important; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s; padding: 4px !important; border-radius: 50%; z-index: 99999; } .mmcnothoverttmainh .elementor-widget-tp-style-list:not(.mmcnothovertt) .plus-stylist-list-wrapper .plus-icon-list-item:hover .plus-icon-list-text span.plus-hint-text { font-size:9px !important; padding: 5px 6px !important; border-radius: 2px; } body, #content.site-content {z-index: 1;} .elementor-widget-tp-table-content { height: max-content; display: -webkit-box; display: -ms-flexbox; display: flex; } .single-inner-related-widgets .tp-home-custom-listing .first-wrap img { display: none; } .posi-cat-doc-lists-main { position: relative; width: 100%; display: flex; flex-wrap: wrap; justify-content: center; } li.pm-docs-content-li.active::marker { color:#6D68FE; } .tp-plus-widgets-loop-listing .theplus-st6-custom-layout { position: relative; display: flex; flex-direction: column; background: #F6F6F6; border-radius: 5px; align-items: center; border: 0 solid #87878730; transition: all .3s linear; box-shadow: 0 2.23px 11.15px #00000014 } .tp-plus-widgets-loop-listing .theplus-st6-custom-layout-1-2 { position: relative; width: 100%; display: flex; background: #fff; border-radius: 0 0 5px 5px; align-items: center; row-gap: 10px; padding: 15px 5px; justify-content: space-around } .tp-plus-widgets-loop-listing .theplus-st6-custom-layout .theplus-st6-custom-layout-1-1 { position: relative; display: flex; padding: 0; flex-direction: column; } .tp-plus-widgets-loop-listing .theplus-st6-custom-layout-1-1-in { box-shadow: 0 3px 12px #00000015; background: #fff; border-radius: 5px } .tp-plus-widgets-loop-listing .theplus-st6-custom-layout-1-1-in img { border-radius: 5px 5px 0 0 } .tp-plus-widgets-loop-listing .theplus-st6-custom-layout-1-1-in>span { position: absolute; left: auto; right: 8px; padding: 5px 10px; top: 10px; font-size: 10px; letter-spacing: 1px; color: #fff; font-family: "Plus Jakarta Sans"; border-radius: 2px; box-shadow: 0 2px 10px 0 #00000025; display: inline-flex; align-items: center } .tp-plus-widgets-loop-listing .theplus-st6-custom-layout-1-1 span.tp-pro-pin svg,.tp-plus-widgets-loop-listing .theplus-st6-custom-layout-1-1 span.tp-freemium-pin svg,.tp-plus-widgets-loop-listing .theplus-st6-custom-layout-1-1 span.tp-free-pin svg { margin-right: 5px; display: inline-flex } .tp-plus-widgets-loop-listing .theplus-st6-custom-layout-1-1 span.tp-pro-pin,.tp-plus-widgets-loop-listing .theplus-st6-custom-layout-1-1 span.tp-freemium-pin,.tp-plus-widgets-loop-listing .theplus-st6-custom-layout-1-1 span.tp-free-pin { background: #fff; border-radius: 5px; color: #8072FC; font-weight: 600 } .tp-plus-widgets-loop-listing .theplus-st6-custom-layout:hover { transform: scale(1.1); box-shadow: 0 16px 40px 0 #00000020 } .tp-plus-widgets-loop-listing .theplus-st6-custom-layout-1-2 span.tpgb-filter-title { font-size: 14px; font-weight: 500; color: #212529; font-family: "Plus Jakarta Sans"; text-align: center } .tp-plus-widgets-loop-listing .theplus-st6-custom-layout-1-2 a.tp-quick-btn { background: #8072FC; padding: 5px 10px; font-size: 11px; font-weight: 400; font-family: "Plus Jakarta Sans"; color: #fff; border-radius: 3px; border: 1px solid #87878730; display: flex; align-items: center; column-gap: 5px } .tp-plus-widgets-loop-listing .theplus-st6-custom-layout-1-2 .tp-quick-btn svg { width: 15px; display: flex; align-items: center } .tp-plus-widgets-loop-listing .theplus-st6-custom-layout-1-1-in img { width: 100% } .tp-plus-widgets-loop-listing .theplus-st6-custom-layout-1-2 span.tpgb-filter-title { width: 100%; word-break: break-all; text-align: center } .gist-open-chat .pt_plus_button.button-style-8 .button-link-wrap:hover { -webkit-transform: unset!important; -ms-transform: unset!important; -moz-transform: unset!important; -o-transform: unset!important; transform: unset!important } .elementor-element.e-con.plus-nav-sticky-sec.plus-fixed-sticky{ z-index: 999999 !important; } .tpae-builder .slick-prev.style-2 .icon-wrap { margin: 0% 0 0 22%; width: 100%; height: 100%; } .tpae-builder .slick-next.style-2 .icon-wrap{ margin: 0% 0 0 7%; width: 100%; height: 100%; } .tpae-builder .slick-prev{ left:-4% } .tpae-builder .slick-next{ right:-4% } .tpae-builder .pt_plus_info_box .info-box-inner .service-title{ text-align: center; } .tpae-builder .pt_plus_info_box.list-carousel-slick{ margin-bottom: 0 !important; } .tpae-arrowmove-btn .elementor-button .elementor-button-icon{ transition: .3s ease-out } .tpae-arrowmove-btn .elementor-button:hover .elementor-button-icon{ transform : translateX(10px ) } .black-friday-email-banner .elementor-element.elementor-element-6817135 .elementor-heading-title{ color: #FFFFFF !important; } .tpaepricing .wkit-wb-Widget_9f3lwh24 .pricing-dollar { margin-top: 0px; } .tpaepricing .wkit-wb-Widget_9f3lwh24 .pricing-month { margin-top: 20px; } .tpaepricing .wkit-wb-Widget_9f3lwh24 .toggle-pricing-offer.display-yes{ background: #F6F2FF; } .tpaepricingnew .elementor-widget-tp-tabs-tours .elementor-tabs{ display: flex; flex-direction: column; align-items: center; } .tpaepricingnew .theplus-tabs-wrapper.elementor-tabs .elementor-tabs-wrapper { display: block; background-color: white; padding: 5px; border-radius: 5px; } .tpaepricingnew ul.pt_plus_countdown li { width: 79px } .tpae-hello-counter ul.pt_plus_countdown li h6{ color: #ffffff; font-family:"Plus Jakarta Sans"; } @media(max-width:1500px){ .elementor-174726 .tpae-christmas-hero .elementor-element.elementor-element-6a162cb{ --min-height:220vh; } @media(max-width:1422px){ .elementor-174726 .tpae-christmas-hero .elementor-element.elementor-element-6a162cb{ --min-height:159vh; } } @media (min-width:1430px){ .elementor-174726 .tpae-christmas-hero .elementor-element.elementor-element-6a162cb{ --min-height: 170vh; } @media (min-width:1600px){ .elementor-174726 .tpae-christmas-hero .elementor-element.elementor-element-9a46a7b img{ width:89%; } } </style> <style>*:not(.elementor-editor-active) .plus-conditions--hidden {display: none;}</style> <style>#thehalftoon-header.header-transparent nav.navbar,#theoutset-header-elementor.header-transparent{ background: #8072fc; }.thehalftoon-header-breadcrumb-wrap + #content { padding-top: 0px; }.thehalftoon-header-breadcrumb-wrap { display: none; }#thehalftoon-header.header-transparent,#theoutset-header-elementor.header-transparent{ position: relative; }</style><style>#thehalftoon-header.header-transparent nav.navbar,#theoutset-header-elementor.header-transparent{box-shadow: 0px 3px 35px -18px #5d55ad;border-bottom-color:#ffffff47;border-bottom-width: 1px;border-bottom-style: solid;}</style><style type="text/css">#nxt-header .nxt-container-fluid{padding-left:0;padding-right:0}#nxt-footer .nxt-container-fluid{padding-left:0;padding-right:0}.site-content .nxt-container-fluid:not(.nxt-archive-cont),.site-content .nxt-container-fluid:not(.nxt-archive-cont) .nxt-row .nxt-col{padding-left:0;padding-right:0}.site-content .nxt-container-fluid:not(.nxt-archive-cont) .nxt-row,.archive-page-header{margin-left:-0;margin-right:-0}.site-content .nxt-container-fluid,.site-content .nxt-container-fluid .nxt-row .nxt-col{padding-left:0;padding-right:0}.site-content .nxt-container-fluid .nxt-row{margin-left:-0;margin-right:-0}body,blockquote{color:#676767}blockquote{border-color:rgba(33,33,33,0.15)}a,.page-title,.wp-block-navigation .wp-block-navigation__container{color:#212121}a:hover,a:focus,.wp-block-navigation .wp-block-navigation-item__content:hover,.wp-block-navigation .wp-block-navigation-item__content:focus{color:#8072fc}.widget-area ul li:not(.page_item):not(.menu-item):before,.widget-area ul li.page_item a:before,.widget-area ul li.menu-item a:before{border-color:#212121}.widget-area ul li:not(.page_item):not(.menu-item):hover:before,.widget-area ul li.page_item a:hover:before,.widget-area ul li.menu-item a:hover:before{border-color:#8072fc}.widget_calendar #today{background:#212121}.nxt-paginate .current,.nxt-paginate a:not(.next):not(.prev):hover,.nxt-paginate .next:hover,.nxt-paginate .prev:hover{background:#8072fc}button:focus,.menu-toggle:hover,button:hover,.nxt-btn:hover,.button:hover,input[type=reset]:hover,input[type=reset]:focus,input#submit:hover,input#submit:focus,input[type="button"]:hover,input[type="button"]:focus,input[type="submit"]:hover,input[type="submit"]:focus,.button:focus{background:#8072fc;border-color:#8072fc}.tagcloud a:hover,.tagcloud a:focus,.tagcloud a.current-item{color:#fff;border-color:#212121;background-color:#212121}input:focus,input[type="text"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="password"]:focus,input[type="reset"]:focus,input[type="search"]:focus,textarea:focus{border-color:#212121}input[type="radio"]:checked,input[type=reset],input[type="checkbox"]:checked,input[type="checkbox"]:hover:checked,input[type="checkbox"]:focus:checked,input[type=range]::-webkit-slider-thumb{border-color:#212121;background-color:#212121;box-shadow:none}.single .nav-links .nav-previous,.single .nav-links .nav-next{color:#212121}.entry-meta,.entry-meta *{line-height:1.42;color:#212121}.entry-meta a:hover,.entry-meta a:hover *,.entry-meta a:focus,.entry-meta a:focus *{color:#8072fc}.page-links .page-link,.single .post-navigation a{color:#212121}.page-links >.page-link,.page-links .page-link:hover,.post-navigation a:hover{color:#8072fc}.woocommerce ul.products li.product a{color:#888}.woocommerce a:hover,.woocommerce a:focus a{color:#8072fc}.woocommerce #respond input#submit,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button{background:#888;color:#333}.woocommerce #respond input#submit:hover,.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover{background:#8072fc;color:#333}.woocommerce ul.products li.product .nxt-prodcut-thumb-wrap .button{background:#8072fc}.woocommerce ul.products li.product .nxt-shop-summary-wrap .woocommerce-loop-product__title,.woocommerce table.shop_table td.product-name a,.woocommerce table.shop_table th.product-name a{color:#888}.woocommerce ul.products li.product:hover .nxt-shop-summary-wrap .woocommerce-loop-product__title,.woocommerce table.shop_table td.product-name a:hover,.woocommerce table.shop_table th.product-name a:hover{color:#8072fc}.woocommerce ul.products li.product .onsale{background:#8072fc;color:#333}.badge.onsale.perc:after,.badge.onsale.perc:before{border-color:transparent transparent transparent #8072fc}.badge.onsale.perc:after{border-color:#8072fc transparent transparent}.woocommerce ul.cart_list li a,.woocommerce ul.product_list_widget li a,.woocommerce-info a.showcoupon{color:#888}.woocommerce ul.products .nxt-shop-summary-wrap .star-rating,.woocommerce ul.cart_list li a:hover,.woocommerce ul.product_list_widget li a:hover,.woocommerce-info a.showcoupon:hover{color:#8072fc}.woocommerce nav.woocommerce-pagination ul li a,.woocommerce nav.woocommerce-pagination ul li span{background:#888;color:#333}.woocommerce nav.woocommerce-pagination ul li a:focus,.woocommerce nav.woocommerce-pagination ul li a:hover,.woocommerce nav.woocommerce-pagination ul li span.current,.woocommerce #order_review button,.woocommerce-page #order_review button{background:#8072fc;color:#333}.woocommerce #respond input#submit.alt,.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce input.button.alt{background:#888;color:#333}.woocommerce div.product form.cart .button,.woocommerce #respond input#submit.alt:hover,.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover,.woocommerce input.button.alt:hover,.woocommerce-message a.button{background:#8072fc;color:#333}.woocommerce p.stars a{color:#8072fc}.woocommerce input:focus,.woocommerce input[type="text"]:focus,.woocommerce input[type="email"]:focus,.woocommerce input[type="url"]:focus,.woocommerce input[type="password"]:focus,.woocommerce input[type="reset"]:focus,.woocommerce input[type="search"]:focus,.woocommerce textarea:focus,#add_payment_method table.cart td.actions .coupon .input-text:focus,.woocommerce-cart table.cart td.actions .coupon .input-text:focus,.woocommerce-checkout table.cart td.actions .coupon .input-text:focus{border-color:#8072fc}.woocommerce-message,.woocommerce-info{border-top-color:#8072fc}.woocommerce-message::before,.woocommerce-info::before{color:#8072fc}.woocommerce-MyAccount-content a,.woocommerce-form-login a{color:#888}.woocommerce-MyAccount-content a:hover,.woocommerce-account .woocommerce-MyAccount-navigation ul li a{color:#8072fc}.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a{background:#8072fc;color:#333}.woocommerce-account .woocommerce-MyAccount-navigation ul{border-color:#8072fc}.woocommerce-account .woocommerce-MyAccount-navigation ul li{border-bottom-color:#8072fc}:root{--nxt-global-color-1:#2872fa;--nxt-global-color-2:#1559ed;--nxt-global-color-3:#3A4F66;--nxt-global-color-4:#192a3d;--nxt-global-color-5:#e1e8ed;--nxt-global-color-6:#f2f5f7;--nxt-global-color-7:#FAFBFC;--nxt-global-color-8:#ffffff}:root .has---nxt-global-color-1-background-color,:root .has-nxt-global-color-1-background-color{background-color :var(--nxt-global-color-1)}:root .has---nxt-global-color-1-color,:root .has-nxt-global-color-1-color,:root .has-nxt-global-color-1-color >.wp-block-navigation-item__content{color :var(--nxt-global-color-1)}:root .has---nxt-global-color-1-border-color,:root .has-nxt-global-color-1-border-color{border-color :var(--nxt-global-color-1)}:root .has---nxt-global-color-2-background-color,:root .has-nxt-global-color-2-background-color{background-color :var(--nxt-global-color-2)}:root .has---nxt-global-color-2-color,:root .has-nxt-global-color-2-color,:root .has-nxt-global-color-2-color >.wp-block-navigation-item__content{color :var(--nxt-global-color-2)}:root .has---nxt-global-color-2-border-color,:root .has-nxt-global-color-2-border-color{border-color :var(--nxt-global-color-2)}:root .has---nxt-global-color-3-background-color,:root .has-nxt-global-color-3-background-color{background-color :var(--nxt-global-color-3)}:root .has---nxt-global-color-3-color,:root .has-nxt-global-color-3-color,:root .has-nxt-global-color-3-color >.wp-block-navigation-item__content{color :var(--nxt-global-color-3)}:root .has---nxt-global-color-3-border-color,:root .has-nxt-global-color-3-border-color{border-color :var(--nxt-global-color-3)}:root .has---nxt-global-color-4-background-color,:root .has-nxt-global-color-4-background-color{background-color :var(--nxt-global-color-4)}:root .has---nxt-global-color-4-color,:root .has-nxt-global-color-4-color,:root .has-nxt-global-color-4-color >.wp-block-navigation-item__content{color :var(--nxt-global-color-4)}:root .has---nxt-global-color-4-border-color,:root .has-nxt-global-color-4-border-color{border-color :var(--nxt-global-color-4)}:root .has---nxt-global-color-5-background-color,:root .has-nxt-global-color-5-background-color{background-color :var(--nxt-global-color-5)}:root .has---nxt-global-color-5-color,:root .has-nxt-global-color-5-color,:root .has-nxt-global-color-5-color >.wp-block-navigation-item__content{color :var(--nxt-global-color-5)}:root .has---nxt-global-color-5-border-color,:root .has-nxt-global-color-5-border-color{border-color :var(--nxt-global-color-5)}:root .has---nxt-global-color-6-background-color,:root .has-nxt-global-color-6-background-color{background-color :var(--nxt-global-color-6)}:root .has---nxt-global-color-6-color,:root .has-nxt-global-color-6-color,:root .has-nxt-global-color-6-color >.wp-block-navigation-item__content{color :var(--nxt-global-color-6)}:root .has---nxt-global-color-6-border-color,:root .has-nxt-global-color-6-border-color{border-color :var(--nxt-global-color-6)}:root .has---nxt-global-color-7-background-color,:root .has-nxt-global-color-7-background-color{background-color :var(--nxt-global-color-7)}:root .has---nxt-global-color-7-color,:root .has-nxt-global-color-7-color,:root .has-nxt-global-color-7-color >.wp-block-navigation-item__content{color :var(--nxt-global-color-7)}:root .has---nxt-global-color-7-border-color,:root .has-nxt-global-color-7-border-color{border-color :var(--nxt-global-color-7)}:root .has---nxt-global-color-8-background-color,:root .has-nxt-global-color-8-background-color{background-color :var(--nxt-global-color-8)}:root .has---nxt-global-color-8-color,:root .has-nxt-global-color-8-color,:root .has-nxt-global-color-8-color >.wp-block-navigation-item__content{color :var(--nxt-global-color-8)}:root .has---nxt-global-color-8-border-color,:root .has-nxt-global-color-8-border-color{border-color :var(--nxt-global-color-8)}</style> <noscript><style>.woocommerce-product-gallery{ opacity: 1 !important; }</style></noscript> <meta name="generator" content="Elementor 3.26.0; features: additional_custom_breakpoints, e_element_cache; settings: css_print_method-external, google_font-enabled, font_display-auto"> <style type="text/css">.recentcomments a{display:inline !important;padding:0 !important;margin:0 !important;}</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> <script>function perfmatters_check_cart_fragments(){if(null!==document.getElementById("perfmatters-cart-fragments"))return!1;if(document.cookie.match("(^|;) ?woocommerce_cart_hash=([^;]*)(;|$)")){var e=document.createElement("script");e.id="perfmatters-cart-fragments",e.src="https://theplusaddons.com/wp-content/plugins/woocommerce/assets/js/frontend/cart-fragments.js",e.async=!0,document.head.appendChild(e)}}perfmatters_check_cart_fragments(),document.addEventListener("click",function(){setTimeout(perfmatters_check_cart_fragments,1e3)});</script><style id='wp-fonts-local' type='text/css'> @font-face{font-family:Inter;font-style:normal;font-weight:300 900;font-display:fallback;src:url('https://theplusaddons.com/wp-content/plugins/woocommerce/assets/fonts/Inter-VariableFont_slnt,wght.woff2') format('woff2');font-stretch:normal;} @font-face{font-family:Cardo;font-style:normal;font-weight:400;font-display:fallback;src:url('https://theplusaddons.com/wp-content/plugins/woocommerce/assets/fonts/cardo_normal_400.woff2') format('woff2');} </style> <link rel="icon" href="https://theplusaddons.com/wp-content/uploads/2020/10/Favicon-for-Elementor.svg" sizes="32x32" /> <link rel="icon" href="https://theplusaddons.com/wp-content/uploads/2020/10/Favicon-for-Elementor.svg" sizes="192x192" /> <link rel="apple-touch-icon" href="https://theplusaddons.com/wp-content/uploads/2020/10/Favicon-for-Elementor.svg" /> <meta name="msapplication-TileImage" content="https://theplusaddons.com/wp-content/uploads/2020/10/Favicon-for-Elementor.svg" /> <noscript><style>.perfmatters-lazy[data-src]{display:none !important;}</style></noscript><style>.perfmatters-lazy.pmloaded,.perfmatters-lazy.pmloaded>img,.perfmatters-lazy>img.pmloaded,.perfmatters-lazy[data-ll-status=entered]{animation:500ms pmFadeIn}@keyframes pmFadeIn{0%{opacity:0}100%{opacity:1}}</style> </head> <body class="documents-template-default single single-documents postid-152059 single-format-standard theme-nexter theplus-preloader elementor-default elementor-kit-62658"> <div class="wrapper-main"> <header itemscope="itemscope" id="nxt-header" class="site-header" role="banner"> <a class="nexter-skip-link screen-reader-text" href="#content" tabindex="0"> Skip to content </a> <div class="nxt-normal-header nxt-container-fluid"> <div data-elementor-type="wp-post" data-elementor-id="44081" class="elementor elementor-44081"> <section class="elementor-section elementor-top-section elementor-element elementor-element-30a1194 elementor-section-content-middle elementor-section-full_width mmcnothoverttmainh elementor-section-height-default elementor-section-height-default" data-id="30a1194" data-element_type="section" data-settings="{"background_background":"classic","tpcp__live":"no"}"> <div class="elementor-container elementor-column-gap-default"> <style>@media (max-width: 991px) and (min-width: 768px) {.elementor-element.elementor-column.elementor-element-6831005{width : 100% !important;}.elementor-element.elementor-column.elementor-element-6831005 > .elementor-column{}}@media (max-width: 767px) {.elementor-element.elementor-column.elementor-element-6831005{width : 100% !important;}.elementor-element.elementor-column.elementor-element-6831005 > .elementor-column{}}</style> <div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-6831005" data-id="6831005" data-element_type="column" id="res-table-menu-col"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-d410a71 elementor-widget elementor-widget-html" data-id="d410a71" data-element_type="widget" data-widget_type="html.default"> <div class="elementor-widget-container"> <style> * { box-sizing: border-box } .globalContent { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1 } /* Wigetas Mega menu css */ .posimyth-2022 .dropdown-menu-widgets { display: block; position: relative; column-gap: 24px; border-radius: 15px; transition: all 0.3s linear; background-color: #fff; z-index: 3; } .posimyth-2022 .tpae-widget-bottom-part { display: flex; background: #F4F4F4; padding: 20px 30px; justify-content: space-between; border-radius: 0px 0px 5px 5px; overflow: hidden; } .posimyth-2022 .tpae-left-side-column { display: flex; column-gap: 5px; align-items: center; } .posimyth-2022 .right-side-column { display: flex; column-gap: 20px; align-items: center; } .posimyth-2022 .info-hover-bg { display: inline-block; color: white; border-radius: 4rem; position: relative; outline: none; border: none; z-index: 1; padding: 15px; } .posimyth-2022 .info-hover-bg .underline{ font-weight: 600; color: #000000; align-items: center; display: flex; line-height: 25px; } .posimyth-2022 .info-hover-bg::before { transition: all 0.3s ease; display: inline-block; content: ""; position: absolute; border-radius: 4px; width: 0; box-sizing: border-box; z-index: -2; left: 50%; top: 50%; height: 0; } .posimyth-2022 .info-hover-bg:hover:before { background: rgba(239, 239, 239, 1); width: 100%; height: 100%; left: 0; top: 0; } .posimyth-2022 .info-icon-text { font-size: 14px; font-weight: 400; font-family: "Plus Jakarta Sans", sans-serif; color: #020202; } .posimyth-2022 .tpae-btn-view-all-chat { font-family: "Plus Jakarta Sans", sans-serif; font-weight: 400; font-size: 14px; color: #020202; position: relative; } .posimyth-2022 .tpae-btn-view-all-chat:hover { color: #8072fc; } .posimyth-2022 .tpae-bottom-extras-links-wrapper { display: flex; column-gap: 5px; } .posimyth-2022 .tpae-bottom-extras-links-wrapper .tpae-info-icon { width: 20px; } .posimyth-2022.tp-posi-elementor-section-wrap ul li { list-style: none; position: relative; } /* listing-tab css start here */ .posimyth-2022 .menu-item-listing:hover .dropdown-menu-listing { visibility: visible; opacity: 1; } .posimyth-2022 .dropdown-menu-listing-inner { display: grid; grid-template-columns: 20% 20% 20% 20% 20%; padding: 30px; overflow-y: scroll; height: 480px; width: 1340px; overflow-x: hidden; } .posimyth-2022 .dropdown-menu-listing::before { content: ""; width: 25px; height: 25px; background: #fff; position: absolute; left: 18%; top: -1%; transform: rotate(45deg); } /*---- end-listing-css--- */ /* scrolling */ .tpae-custom-scrollbar{ scrollbar-width: auto; } .tpae-custom-scrollbar::-webkit-scrollbar { width: 7px; } .tpae-custom-scrollbar::-webkit-scrollbar-track { border: 1px solid #F7F7FF; border-radius: 18px; padding: 3px; background-color: #F7F7FF; } .tpae-custom-scrollbar::-webkit-scrollbar-thumb{ background: #D3D3D3; border-radius: 16px; } /* end scroll */ /********** builder-menu css start ****************/ .posimyth-2022 .dropdown-menu-builder::before { content: ""; width: 25px; height: 25px; background: #fff; position: absolute; left: 55%; top: -1%; transform: rotate(45deg); } .posimyth-2022 .menu-item-builder:hover .dropdown-menu-builder { visibility: visible; opacity: 1; } .posimyth-2022 .theplus-megamenu-builder-wrapper { display: grid; grid-template-columns: 33.33% 33.33% 33.33%; padding: 30px; overflow-y: scroll; height: 480px; width: 900px; gap: 50px; overflow-x: hidden; } /* ---end-builder-css--- */ /* extras css start here */ .posimyth-2022 .menu-item-extras:hover .dropdown-menu-extras { visibility: visible; opacity: 1; } .posimyth-2022 .dropdown-menu-extras-inner { display: grid; grid-template-columns: 33.33% 33.33% 33.33%; padding: 30px; overflow-y: scroll; height: 480px; width: 860px; gap: 20px; overflow-x: hidden; } .posimyth-2022 .dropdown-menu-templates-inner { display: grid; grid-template-columns: 50% 50%; padding: 30px; width: 650px; height: 430px; width: auto; gap: 50px; overflow-x: hidden; } .posimyth-2022 .dropdown-menu-extras::before { content: ""; width: 25px; height: 25px; background: #fff; position: absolute; left: 51%; top: -1%; transform: rotate(45deg); } .menu-item-extras.template-main-box .dropdown-menu-extras::before { left: 53%; top: -1%; transform: rotate(45deg); } /* ---end-extras-css--- */ .posimyth-2022 #submenu-list-col-1 { text-align: left; display: flex; flex-direction: column; row-gap: 5px; padding: 0px; } .posimyth-2022 #submenu-list-col-1 li { padding: 5px 10px !important; font-size: 14px !important; color: #F0F0F0 !important; font-weight: 300; width: max-content; display: flex; align-items: center; } .tpae-mega-heading { padding: 0px 0px 0px 8px; margin: 10px 0px 12px 0px; color: #000000; font-family: "Plus Jakarta Sans", sans-serif; font-size: 16px; line-height: 18px; font-weight: 700; } .posimyth-2022 .tpae-widget-text { color: #000000; font-family: "Plus Jakarta Sans", sans-serif; font-size: 14px; font-weight: 400; display: flex; align-content: center; cursor: pointer !important; } .posimyth-2022 .dropdown-menu-widgets-inner { display: grid; align-items: baseline; padding: 30px; grid-template-columns: 16.66% 16.66% 16.66% 16.66% 16.66% 16.66%; overflow-y: scroll; height: 480px; width: 100% ; overflow-x: hidden; } /* resources css start here */ .posimyth-2022 .dropdown-menu-resources { display: flex; flex-direction: row; border-color: #ffff; border-radius: 15px 15px 0 0; transition: all 0.3s linear; background-color: #fff; z-index: 3; width: 620px; height: 350px; padding: 30px; gap: 50px; } .posimyth-2022 .dropdown-menu-resources::before { content: ""; width: 25px; height: 25px; background: #fff; position: absolute; left: 91%; top: -1%; transform: rotate(45deg); } .posimyth-2022 .menu-item-resources:hover .dropdown-menu-resources { visibility: visible; opacity: 1; } .posimyth-2022 .dropdown-menu-resources-inner { display: flex; grid-template-columns: 33.33% 33.33% 33.33%; padding: 30px; overflow-y: scroll; overflow-x: hidden; } .posimyth-2022 .tpae-download-menu-btn { font-size: 14px; font-family: "Plus Jakarta Sans", sans-serif; color: #6D68FE; font-weight: 500; position: relative; cursor: pointer !important; } .posimyth-2022 .dropdown-menu-widgets::before { left: 24%; } /* hover underline */ .posimyth-2022 .tpae-download-menu-btn:after, .tpae-btn-view-all-chat:after { content: ''; position: absolute; width: 100%; transform: scaleX(0); height: 2px; bottom: -2px; left: 0; background-color: #8072fc; transform-origin: bottom right; transition: transform 0.25s ease-out; cursor: pointer !important; } .posimyth-2022 .tpae-download-menu-btn:hover:after, .tpae-btn-view-all-chat:hover:after { transform: scaleX(1); transform-origin: bottom left; } /* ---resources-css-end */ @media (max-width: 1300px) { li:nth-child(1) .dropdown-menu-widgets { width: 95vw; } } @media only screen and (min-device-width: 1024px) and (max-device-width: 1200px) { .posimyth-2022 .dropdown-menu-widgets { margin: 15px -398px; } .posimyth-2022 .dropdown-menu-listing { margin: 15px -220px; } .posimyth-2022 .dropdown-menu-listing::before { left: 28%; } .posimyth-2022 .dropdown-menu-extras { margin: 15px -456px; } .posimyth-2022 .tpae-widget-bottom-part { padding: 20px 15px; } } /* tag bg css */ .posimyth-2022 span.plus-hint-text-wrapper{ overflow: hidden; font-size: 10px !important; font-family: "Plus Jakarta Sans", sans-serif; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; padding: 8px !important; color: white; border-radius: 4px; z-index: 99999; line-height: 1; margin-left: 10px; min-width: max-content; } .posimyth-2022 span.plus-hint-text-wrapper.advanced{ background-color:#FF5A6E !important ; } .posimyth-2022 span.plus-hint-text-wrapper.unique{ background-color:#C05AFF !important ; } /* end bg css */ /* css end mega menu widgets */ /* transition mega menu */ .posimyth-2022 .plus-navigation-menu #menu-home-new-mega-menu .menu-item-widgets .dropdown-menu-widgets .dropdown-menu-widgets-inner .dropdown-col-1 .main-parant1 ul>li, .posimyth-2022 .dropdown-col-2 .main-parant1 p>ul>li, .posimyth-2022 .dropdown-col-3 #submenu-list-col-1>li, .posimyth-2022 .dropdown-col-4 #submenu-list-col-1>li { transition: 0.3s linear; } .globalNav { display: flex; position: relative; justify-content: center; z-index: 500; align-items: baseline; height: 50px; -webkit-perspective: 2000px; perspective: 2000px } .globalNav ul { padding: 0; margin: 0 } .globalNav li { list-style: none } .globalNav a { text-decoration: none; -webkit-tap-highlight-color: transparent; color: #000000; -webkit-transition: color .1s; transition: color .1s; } .globalNav a:hover { color: #32325d } .globalNav>.container-lg { padding: 0 } .globalNav .navRoot { position: relative } .globalNav .navSection.primary, .globalNav .navSection.secondary { display: none } @media (min-width:670px) { .globalNav .navSection.primary, .globalNav .navSection.secondary { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex } } .globalNav .navSection.primary { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center } .globalNav .navSection.secondary { position: absolute; top: 0; right: 0 } .globalNav .navSection.mobile { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end } @media (min-width:670px) { .globalNav .navSection.mobile { display: none } } .globalNav.compact .navRoot { display: flex; width: 90%; justify-content: flex-start; } .globalNav.compact .navSection.secondary { position: static } .globalNav .rootLink { display: flex; align-items: center; height: 50px; white-space: nowrap; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; color:#000000; user-select: none; font-size: 17px; font-weight: 400; margin: 0; padding: 0 10px } .globalNav .rootLink:hover{ color: #8072fc; } @media (min-width:670px) { .globalNav .rootLink { padding: 0 calc(10px + (100vw - 670px) * .040541) } } @media (min-width:1040px) { .globalNav .rootLink { padding: 0 10px } } .globalNav .navSection.secondary .rootLink:last-child { padding-right: 20px !important } .globalNav .navSection.primary .rootLink { font-weight: 500; font-family: "Plus Jakarta Sans", sans-serif; font-size: 16px; line-height: 24px; } .globalNav .hasDropdown { cursor: pointer !important; } .globalNav .dropdownRoot { position: absolute; z-index: 1000; left: 0; top: 50px; pointer-events: none; -webkit-transform: rotateX(-15deg); transform: rotateX(-15deg); -webkit-transform-origin: 50% -50px; transform-origin: 50% -50px; opacity: 0; will-change: transform, opacity; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; -webkit-transition-duration: .25s; transition-duration: .25s; display: none } @media (min-width:670px) { .globalNav .dropdownRoot { display: block } } .globalNav.dropdownActive .dropdownRoot { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none } .globalNav .dropdownBackground { background: #fff; border-radius: 5px !important; overflow: hidden; box-shadow:0px 80px 100px -20px rgba(50,50,93,0.25), 0 30px 60px -30px rgba(0,0,0,0.3); width: 520px; height: 400px; -webkit-transform: translateX(0); transform: translateX(0); -webkit-transform-origin: 0 0; transform-origin: 0 0 } .globalNav .alternateBackground, .globalNav .dropdownBackground { position: absolute; top: 0; left: 0; will-change: transform; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-duration: .25s; transition-duration: .25s } .globalNav .alternateBackground { right: 0; height: 1000px; background: #f6f9fc } .globalNav .dropdownArrow { top: -6px; margin: 0 0 0 -78px; width: 12px; height: 12px; -webkit-transform: rotate(45deg); transform: rotate(45deg); background: #fff; box-shadow: -3px -3px 5px rgba(82, 95, 127, .04); will-change: transform; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform } .globalNav .dropdownArrow, .globalNav .dropdownContainer { position: absolute; left: 0; -webkit-transition-duration: .25s; transition-duration: .25s } .globalNav .dropdownContainer { overflow: hidden; top: 0; -webkit-transform: translateX(0); transform: translateX(0); will-change: transform, width, height; -webkit-transition-property: width, height, -webkit-transform; transition-property: width, height, -webkit-transform; transition-property: transform, width, height; transition-property: transform, width, height, -webkit-transform } .globalNav .dropdownSection { opacity: 0; pointer-events: none; will-change: transform, opacity; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; -webkit-transition-duration: .25s; transition-duration: .25s; background: red } .globalNav .dropdownSection.active { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0) } .globalNav .dropdownSection.left { -webkit-transform: translateX(-150px); transform: translateX(-150px) } .globalNav .dropdownSection.right { -webkit-transform: translateX(150px); transform: translateX(150px) } .globalNav.dropdownActive .dropdownSection.active { pointer-events: auto } .globalNav.noDropdownTransition .alternateBackground, .globalNav.noDropdownTransition .dropdownArrow, .globalNav.noDropdownTransition .dropdownBackground, .globalNav.noDropdownTransition .dropdownContainer, .globalNav.noDropdownTransition .dropdownSection { -webkit-transition: none; transition: none } .globalNav .dropdownContent { position: absolute; top: 0; left: 0 } .globalNav .linkGroup { padding: 20px 35px } .globalNav .hover-strokeDark, .globalNav .hover-strokeLight { -webkit-transition: stroke .1s; transition: stroke .1s } .globalNav .linkIcon { white-space: nowrap } .main-posimyth-sidebar { position : relative; display: block; width: 100%; } .the-plusaadons-logo{ width: -webkit-fill-available; display: flex; justify-content: center; margin-left: -16%; /* firefox css */ width: -moz-available; } .the-plusaadons-logo img { width: 150px; height: 50px; } /* Mobile Menu */ .posimyth-2022 .tp-posi-mmw-two-text-icon { position: relative; display: flex; width: 100%; align-items: center; padding: 15px; } .posimyth-2022 .tp-posi-mmw-two-text-icon span.elementor-icon-list-icon svg { fill: #27A707 !important; width: 18px; height: 18px; margin-right: 15px; } .posimyth-2022 .tp-posi-mmw-two-text-icon span.elementor-icon-list-text { font-family: "Poppins", Sans-serif; font-weight: 400; text-transform: uppercase; color: #8072FC; font-size: 20px; } .posimyth-2022 .tp-posi-mmw-two-button { position: relative; display: flex; width: 100%; align-items: center; justify-content: center; margin: 30px 0 !important; } .posimyth-2022 .tp-posi-mmw-two-button a.tp-posi-mmw-two-button-link { padding: 25px 30px 25px 30px; width: 100%; text-decoration: none; box-shadow: 0px 12px 12px 0px rgb(255 90 110 / 8%); border-radius: 5px 5px 5px 5px; border-width: 1px 1px 1px 1px; border-style: solid; border-color: #FF5A6E; background-color: #FF5A6E; font-family: "Poppins", Sans-serif; font-size: 20px; font-weight: 600; text-transform: uppercase; line-height: 1.4em; letter-spacing: 0px; color: #FFFFFF; display: flex; align-items: center; justify-content: center; } .posimyth-2022 .tp-posi-mmw-two-social { position: relative; display: flex; width: 100%; max-height: 100px; height: 100px; } .posimyth-2022 .tp-posi-mmw-two-social .elementor-social-icons-wrapper.elementor-grid { position: relative; display: flex; width: 100%; align-items: center; justify-content: center; } .posimyth-2022 .tp-posi-mmw-two-social .elementor-social-icons-wrapper.elementor-grid a>svg { fill: #CCCCCC; width: 30px; height: 30px; } .posimyth-2022 .tp-posi-mmw-two-social .elementor-social-icons-wrapper.elementor-grid>a { position: relative; display: flex; margin: 0 20px; } .posimyth-2022.tp-posi-mobile-elementor-section-wrap { position: relative; display: flex; width: 100%; height: 100%; } .posimyth-2022.tp-posi-mobile-elementor-section-wrap .tp-posi-mobile-menu-wrap { position: relative; z-index: 1; width: 100%; height: 100%; display: flex; align-items: center; justify-content: flex-end; } .posimyth-2022.tp-posi-mobile-elementor-section-wrap .tp-posi-mobile-menu-wrap .tp-posi-mobile-menu-toggler { position: relative; z-index: 2; cursor: pointer; width: 50px; height: 50px; opacity: 0; } .posimyth-2022.tp-posi-mobile-elementor-section-wrap .tp-posi-mobile-menu-wrap .tp-posi-mobile-menu-hamburger { position: absolute; top: 50%; left: auto; right: 0; z-index: 1; width: 30px; height: 30px; background: transparent; color: #140f30; display: flex; align-items: center; justify-content: center; transform: translateY(-50%); } /* Hamburger Line */ .posimyth-2022.tp-posi-mobile-elementor-section-wrap .tp-posi-mobile-menu-wrap .tp-posi-mobile-menu-hamburger>.tp-posi-mmh-one { position: relative; flex: none; width: 100%; height: 2px; display: flex; align-items: center; justify-content: center; transition: all 0.4s ease; background: #140f30; } /* Hamburger Lines - Top & Bottom */ .posimyth-2022.tp-posi-mobile-elementor-section-wrap .tp-posi-mobile-menu-wrap .tp-posi-mobile-menu-hamburger>.tp-posi-mmh-one::before, .posimyth-2022.tp-posi-mobile-elementor-section-wrap .tp-posi-mobile-menu-wrap .tp-posi-mobile-menu-hamburger>.tp-posi-mmh-one::after { content: ''; position: absolute; z-index: 1; top: -10px; height: 2px; background: inherit; width: 80%; } .posimyth-2022.tp-posi-mobile-elementor-section-wrap .tp-posi-mobile-menu-wrap .tp-posi-mobile-menu-hamburger>.tp-posi-mmh-one::after { top: 10px; } .posimyth-2022.tp-posi-mobile-elementor-section-wrap .tp-posi-mobile-menu-wrap .tp-posi-mobile-menu-toggler:checked+.tp-posi-mobile-menu-hamburger>.tp-posi-mmh-one { transform: rotate(135deg); } .posimyth-2022.tp-posi-mobile-elementor-section-wrap .tp-posi-mobile-menu-wrap .tp-posi-mobile-menu-toggler:checked+.tp-posi-mobile-menu-hamburger>.tp-posi-mmh-one:before, .posimyth-2022.tp-posi-mobile-elementor-section-wrap .tp-posi-mobile-menu-wrap .tp-posi-mobile-menu-toggler:checked+.tp-posi-mobile-menu-hamburger>.tp-posi-mmh-one:after { top: 0; transform: rotate(90deg); } .posimyth-2022.tp-posi-mobile-elementor-section-wrap .tp-posi-mobile-menu-wrap .tp-posi-mobile-menu-toggler:checked:hover+.tp-posi-mobile-menu-hamburger>.tp-posi-mmh-one { transform: rotate(225deg); } .posimyth-2022.tp-posi-mobile-elementor-section-wrap .tp-posi-mobile-menu-wrap .tp-posi-mobile-menu-toggler:checked~.tp-posi-mobile-menu-wrapp { visibility: visible; } .posimyth-2022.tp-posi-mobile-elementor-section-wrap .tp-posi-mobile-menu-wrap .tp-posi-mobile-menu-toggler:checked~.tp-posi-mobile-menu-wrapp>.tp-posi-mmw-one { transform: scale(1); transition-duration: 0.35s; } .posimyth-2022.tp-posi-mobile-elementor-section-wrap .tp-posi-mobile-menu-wrap .tp-posi-mobile-menu-toggler:checked~.tp-posi-mobile-menu-wrapp>.tp-posi-mmw-one>.tp-posi-mmw-two { opacity: 1; transition: opacity 0.4s ease 0.4s; } .posimyth-2022.tp-posi-mobile-elementor-section-wrap .tp-posi-mobile-menu-wrap .tp-posi-mobile-menu-wrapp { position: fixed; top: 0; left: 0; width: 100%; height: 100%; visibility: hidden; overflow: hidden; display: flex; align-items: center; justify-content: center; } .posimyth-2022.tp-posi-mobile-elementor-section-wrap .tp-posi-mobile-menu-wrap .tp-posi-mobile-menu-wrapp>.tp-posi-mmw-one { background: #fff; width: 100%; height: 100%; display: flex; flex: none; align-items: center; justify-content: center; transform: scale(0); transition: all 0.4s ease; position: relative; overflow-y: auto; } .posimyth-2022.tp-posi-mobile-elementor-section-wrap .tp-posi-mobile-menu-wrap .tp-posi-mobile-menu-wrapp>.tp-posi-mmw-one>.tp-posi-mmw-two { text-align: center; max-width: 100%; max-height: 100vh; width: 100%; height: auto; opacity: 0; transition: opacity 0.4s ease; padding: 24px; margin-top: 25%; } .posimyth-2022.tp-posi-mobile-elementor-section-wrap .tp-posi-mobile-menu-wrap .tp-posi-mobile-menu-toggler:checked+.tp-posi-mobile-menu-hamburger { background: #000; padding: 10px; border-radius: 50%; color: #fff; } .posimyth-2022.tp-posi-mobile-elementor-section-wrap .tp-posi-mobile-menu-wrap .tp-posi-mobile-menu-toggler:checked+.tp-posi-mobile-menu-hamburger>.tp-posi-mmh-one { background: #fff; } .posimyth-2022.tp-posi-mobile-elementor-section-wrap .tp-posi-mobile-menu-wrap .tp-posi-mobile-menu-wrapp>.tp-posi-mmw-one>.tp-posi-mmw-two .tp-posi-mmw-two-icon-six { position: relative; display: flex; width: 100%; flex-direction: column; } .posimyth-2022.tp-posi-mobile-elementor-section-wrap .tp-posi-mobile-menu-wrap .tp-posi-mobile-menu-wrapp>.tp-posi-mmw-one>.tp-posi-mmw-two .tp-posi-mmw-two-icon-six .tp-posi-mmw-two-icon-six-ul-li-one, .posimyth-2022.tp-posi-mobile-elementor-section-wrap .tp-posi-mobile-menu-wrap .tp-posi-mobile-menu-wrapp>.tp-posi-mmw-one>.tp-posi-mmw-two .tp-posi-mmw-two-icon-six .tp-posi-mmw-two-icon-six-ul-li-two, .posimyth-2022.tp-posi-mobile-elementor-section-wrap .tp-posi-mobile-menu-wrap .tp-posi-mobile-menu-wrapp>.tp-posi-mmw-one>.tp-posi-mmw-two .tp-posi-mmw-two-icon-six .tp-posi-mmw-two-icon-six-ul-li-three { position: relative; display: flex; width: 100%; align-items: center; justify-content: space-around; } .posimyth-2022.tp-posi-mobile-elementor-section-wrap .tp-posi-mobile-menu-wrap .tp-posi-mobile-menu-wrapp>.tp-posi-mmw-one>.tp-posi-mmw-two .tp-posi-mmw-two-icon-six .tp-posi-mmw-two-icon-six-ul-li-one>div, .posimyth-2022.tp-posi-mobile-elementor-section-wrap .tp-posi-mobile-menu-wrap .tp-posi-mobile-menu-wrapp>.tp-posi-mmw-one>.tp-posi-mmw-two .tp-posi-mmw-two-icon-six .tp-posi-mmw-two-icon-six-ul-li-two>div, .posimyth-2022.tp-posi-mobile-elementor-section-wrap .tp-posi-mobile-menu-wrap .tp-posi-mobile-menu-wrapp>.tp-posi-mmw-one>.tp-posi-mmw-two .tp-posi-mmw-two-icon-six .tp-posi-mmw-two-icon-six-ul-li-three>div { width: 47%; border-style: solid; border-width: 1px 1px 1px 1px; border-color: #8072FC; border-radius: 5px 5px 5px 5px; margin-bottom: 20px; justify-content: space-between; align-items: center; } .posimyth-2022.tp-posi-mobile-elementor-section-wrap .tp-posi-mobile-menu-wrap .tp-posi-mobile-menu-wrapp>.tp-posi-mmw-one>.tp-posi-mmw-two .tp-posi-mmw-two-icon-six>div>div>a { width: 100%; height: 100%; position: relative; display: block; padding: 30px 0px 30px 0px; text-decoration: none; color: #8072FC; } .posimyth-2022.tp-posi-mobile-elementor-section-wrap .tp-posi-mobile-menu-wrap .tp-posi-mobile-menu-wrapp>.tp-posi-mmw-one>.tp-posi-mmw-two .tp-posi-mmw-two-icon-six>div>div>a>div { font-family: "Poppins", Sans-serif; font-size: 25px; font-weight: 400; line-height: 2em; margin-top: 15px; } .posimyth-2022.tp-posi-mobile-elementor-section-wrap .tp-posi-mobile-menu-wrap .tp-posi-mobile-menu-wrapp>.tp-posi-mmw-one>.tp-posi-mmw-two .tp-posi-mmw-two-icon-six>div>div>a>svg { width: 60px; height: 60px; } .posimyth-2022.tp-posi-mobile-elementor-section-wrap .tp-posi-mobile-menu-wrap .tp-posi-mobile-menu-wrapp>.tp-posi-mmw-one>.tp-posi-mmw-two .tp-posi-mmw-two-icon-three { position: relative; display: flex; width: 100%; align-items: center; justify-content: space-around; } .posimyth-2022.tp-posi-mobile-elementor-section-wrap .tp-posi-mobile-menu-wrap .tp-posi-mobile-menu-wrapp>.tp-posi-mmw-one>.tp-posi-mmw-two .tp-posi-mmw-two-icon-three>div>.tp-posi-mmw-two-icon-six-ul-li { width: 30.33%; border-style: solid; border-width: 1px 1px 1px 1px; border-color: #8072FC; border-radius: 5px 5px 5px 5px; } .posimyth-2022.tp-posi-mobile-elementor-section-wrap .tp-posi-mobile-menu-wrap .tp-posi-mobile-menu-wrapp>.tp-posi-mmw-one>.tp-posi-mmw-two .tp-posi-mmw-two-icon-three .tp-posi-mmw-two-icon-six-ul-li-one { position: relative; display: flex; width: 100%; justify-content: space-around; align-items: center; } .posimyth-2022.tp-posi-mobile-elementor-section-wrap .tp-posi-mobile-menu-wrap .tp-posi-mobile-menu-wrapp>.tp-posi-mmw-one>.tp-posi-mmw-two .tp-posi-mmw-two-icon-three>div>.tp-posi-mmw-two-icon-six-ul-li a { width: 100%; height: 100%; position: relative; display: block; padding: 30px 0px 30px 0px; text-decoration: none; color: #8072FC; } .posimyth-2022.tp-posi-mobile-elementor-section-wrap .tp-posi-mobile-menu-wrap .tp-posi-mobile-menu-wrapp>.tp-posi-mmw-one>.tp-posi-mmw-two .tp-posi-mmw-two-icon-three>div>.tp-posi-mmw-two-icon-six-ul-li a>div { font-family: "Poppins", Sans-serif; font-size: 25px; font-weight: 400; line-height: 2em; margin-top: 15px; } .posimyth-2022.tp-posi-mobile-elementor-section-wrap .tp-posi-mobile-menu-wrap .tp-posi-mobile-menu-wrapp>.tp-posi-mmw-one>.tp-posi-mmw-two .tp-posi-mmw-two-icon-three>div>.tp-posi-mmw-two-icon-six-ul-li a>svg { width: 60px; height: 60px; } @media (min-width: 1024px) { .posimyth-2022.tp-posi-mobile-elementor-section-wrap { display: none; } } @media (max-width: 1024px) { .posimyth-2022 .navRoot { display: none; } .the-plusaadons-logo{ margin-left: 0; } .globalNav,.tp-posi-elementor-section-wrap { width: 50%; } } @media (max-width: 1023px) { .posimyth-2022.tp-posi-elementor-section-wrap { display: none; } } @media only screen and (max-width: 600px) and (min-width: 300px) { .posimyth-2022.tp-posi-mobile-elementor-section-wrap .tp-posi-mobile-menu-wrap .tp-posi-mobile-menu-wrapp>.tp-posi-mmw-one>.tp-posi-mmw-two .tp-posi-mmw-two-icon-six>div>div>a { padding: 20px 0px 20px 0px; } .posimyth-2022.tp-posi-mobile-elementor-section-wrap .tp-posi-mobile-menu-wrap .tp-posi-mobile-menu-wrapp>.tp-posi-mmw-one>.tp-posi-mmw-two .tp-posi-mmw-two-icon-six>div>div>a>svg { width: 30px; height: 30px; } .posimyth-2022.tp-posi-mobile-elementor-section-wrap .tp-posi-mobile-menu-wrap .tp-posi-mobile-menu-wrapp>.tp-posi-mmw-one>.tp-posi-mmw-two .tp-posi-mmw-two-icon-six>div>div>a>div { font-size: 20px; line-height: 1em; } .posimyth-2022.tp-posi-mobile-elementor-section-wrap .tp-posi-mobile-menu-wrap .tp-posi-mobile-menu-wrapp>.tp-posi-mmw-one>.tp-posi-mmw-two .tp-posi-mmw-two-icon-three>div>.tp-posi-mmw-two-icon-six-ul-li a { padding: 20px 0px 20px 0px; } .posimyth-2022.tp-posi-mobile-elementor-section-wrap .tp-posi-mobile-menu-wrap .tp-posi-mobile-menu-wrapp>.tp-posi-mmw-one>.tp-posi-mmw-two .tp-posi-mmw-two-icon-three>div>.tp-posi-mmw-two-icon-six-ul-li a>svg { width: 30px; height: 30px; } .posimyth-2022.tp-posi-mobile-elementor-section-wrap .tp-posi-mobile-menu-wrap .tp-posi-mobile-menu-wrapp>.tp-posi-mmw-one>.tp-posi-mmw-two .tp-posi-mmw-two-icon-three>div>.tp-posi-mmw-two-icon-six-ul-li a>div { font-size: 16px; line-height: 1em; } } </style> <div class="globalNav noDropdownTransition posimyth-2022"> <div class="the-plusaadons-logo"><a href="https://theplusaddons.com/"><img data-perfmatters-preload width="976" height="265" src="https://theplusaddons.com/wp-content/uploads/2022/11/TPAE-Text-With-Icon-Logo-Black.svg" data-adaptive="true" data-remove-src="true" data-src="https://theplusaddons.com/wp-content/uploads/2022/11/TPAE-Text-With-Icon-Logo-Black.svg" data-count-lazy="1" fetchpriority="high" decoding="async" /></div> <ul class="navRoot"> <li class="navSection primary"> <a href="https://theplusaddons.com/widgets/" class="rootLink item-products hasDropdown colorize" data-dropdown="widgets"> Widgets </a> <a href="https://theplusaddons.com/pluslisting/" class="rootLink item-listing hasDropdown colorize" data-dropdown="listing"> Listing </a> <a href="https://theplusaddons.com/plus-builder/" class="rootLink item-builder hasDropdown colorize" data-dropdown="builder"> Builder </a> <a href="https://theplusaddons.com/plus-extras/" class="rootLink item-extras hasDropdown colorize" data-dropdown="extras"> Extras </a> <a class="rootLink item-templates hasDropdown colorize" data-dropdown="templates"> Templates </a> <a class="rootLink item-resources hasDropdown colorize" data-dropdown="resources"> Resources </a> <a href="https://theplusaddons.com/pricing" class="rootLink item-templates menu-item-pricing">Pricing</a> </li> </ul> <div class="dropdownRoot"> <div class="dropdownBackground"> <div class="alternateBackground"></div> </div> <div class="dropdownArrow"></div> <div class="dropdownContainer">  <div class="dropdownSection left" data-dropdown="widgets"> <div class="dropdownContent"> <div class="dropdown-menu-widgets"> <div class="dropdown-menu-widgets-inner tpae-custom-scrollbar"> <div class="dropdown-col-1"> <div class="main-parant1"> <p class="tpae-mega-heading"><a href="https://theplusaddons.com/widgets/#plus-essentials">Plus Essentials</p> <ul id="submenu-list-col-1"> <li class="info-hover-bg"> <a href="https://theplusaddons.com/widgets/elementor-advanced-text-block/"> <div class="tpae-widget-text">Advance Text Block</div> </a> </li> <li class="info-hover-bg"> <a href="https://theplusaddons.com/widgets/elementor-advanced-charts/"> <div class="tpae-widget-text">Advanced Charts</div> </a> </li> <li class="info-hover-bg"> <a href="https://theplusaddons.com/widgets/elementor-age-gate/"> <div class="tpae-widget-text"> Age Gate <span class="plus-hint-text-wrapper advanced plus-hint-text-Exclusive"> <span class="plus-hint-text-inner">Popular</span> </span> </div> </a> </li> <li class="info-hover-bg"> <a href="https://theplusaddons.com/widgets/elementor-audio-player/"> <div class="tpae-widget-text"> Audio Player </div> </a> </li> <li class="info-hover-bg"> <a href="https://theplusaddons.com/widgets/elementor-blockquote/"> <div class="tpae-widget-text">Blockquote</div> </a> </li> <li class="info-hover-bg"> <a href="https://theplusaddons.com/widgets/free-elementor-buttons/"> <div class="tpae-widget-text">Buttons</div> </a> </li> <li class="info-hover-bg"> <a href="https://theplusaddons.com/widgets/elementor-countdown-timer/"> <div class="tpae-widget-text">Countdown</div> </a> </li> <li class="info-hover-bg"> <a href="https://theplusaddons.com/widgets/elementor-coupon-code/"> <div class="tpae-widget-text">Coupon Code</div> </a> </li> <li class="info-hover-bg"> <a href="https://theplusaddons.com/widgets/elementor-video-player/"> <div class="tpae-widget-text">Video Player</div> </a> </li> <li class="info-hover-bg"> <a href="https://theplusaddons.com/widgets/elementor-dark-mode-switcher/"> <div class="tpae-widget-text">Dark Mode</div> </a> </li> <li class="info-hover-bg"> <a href="https://theplusaddons.com/widgets/elementor-heading-titles/"> <div class="tpae-widget-text">Heading Title</div> </a> </li> <li class="info-hover-bg"> <a href="https://theplusaddons.com/widgets/elementor-info-box/"> <div class="tpae-widget-text">Info Box</div> </a> </li> <li class="info-hover-bg"> <a href="https://theplusaddons.com/widgets/elementor-login-form/"> <div class="tpae-widget-text">Login Form <span class="plus-hint-text-wrapper advanced plus-hint-text-Exclusive"> <span class="plus-hint-text-inner">Popular</span> </span> </div> </a> </li> <li class="info-hover-bg"> <a href="https://theplusaddons.com/widgets/elementor-registration-form/"> <div class="tpae-widget-text">Registration Form </div> </a> </li> <li class="info-hover-bg"> <a href="https://theplusaddons.com/widgets/elementor-password-reset-form/"> <div class="tpae-widget-text">Password Reset Form</div> </a> </li> <li class="info-hover-bg"> <a href="https://theplusaddons.com/widgets/elementor-message-box/"> <div class="tpae-widget-text">Message Box</div> </a> </li> <li class="info-hover-bg"> <a href="https://theplusaddons.com/widgets/navigation-menu/"> <div class="tpae-widget-text">Navigation Menu</div> </a> </li> <li class="info-hover-bg"> <a href="https://theplusaddons.com/widgets/elementor-number-counter/"> <div class="tpae-widget-text">Number Counter</div> </a> </li> <li class="info-hover-bg"> <a href="https://theplusaddons.com/widgets/elementor-pie-chart/"> <div class="tpae-widget-text">Pie Chart</div> </a> </li> <li class="info-hover-bg"> <a href="https://theplusaddons.com/widgets/search-bar/"> <div class="tpae-widget-text">Post Search Bar</div> </a> </li> </ul> </div> </div>  <div class="dropdown-col-2"> <div class="main-parant1"> <ul id="submenu-list-col-1"> <li class="info-hover-bg"> <a href="https://theplusaddons.com/widgets/elementor-price-list/"> <div class="tpae-widget-text">Pricing List</div> </a> </li> <li class="info-hover-bg"> <a href="https://theplusaddons.com/widgets/elementor-pricing-table/"> <div class="tpae-widget-text">Pricing Table</div> </a> </li> <li class="info-hover-bg"> <a href="https://theplusaddons.com/widgets/elementor-progress-bar/"> <div class="tpae-widget-text">Progress Bar</div> </a> </li> <li class="info-hover-bg"> <a href="https://theplusaddons.com/widgets/elementor-protected-content/"> <div class="tpae-widget-text">Protected Content</div> </a> </li> <li class="info-hover-bg"> <a href="https://theplusaddons.com/widgets/social-icons-for-elementor/"> <div class="tpae-widget-text">Social Icon</div> </a> </li> <li class="info-hover-bg"> <a href="https://theplusaddons.com/widgets/elementor-social-sharing-buttons/"> <div class="tpae-widget-text">Social Sharing</div> </a> </li> <li class="info-hover-bg"> <a href="https://theplusaddons.com/widgets/elementor-stylish-list/"> <div class="tpae-widget-text">Stylish List</div> </a> </li> <li class="info-hover-bg"> <a href="https://theplusaddons.com/widgets/elementor-syntax-highlighter/"> <div class="tpae-widget-text">Syntax Highlighter</div> </a> </li> <li class="info-hover-bg"> <a href="https://theplusaddons.com/widgets/elementor-data-table/"> <div class="tpae-widget-text">Table <span class="plus-hint-text-wrapper advanced plus-hint-text-Exclusive"> <span class="plus-hint-text-inner">Popular</span> </span> </div> </a> </li> <li class="info-hover-bg"> <a href="https://theplusaddons.com/widgets/table-of-contents/"> <div class="tpae-widget-text">Table Of Contents</div> </a> </li> <li class="info-hover-bg"> <a href="https://theplusaddons.com/widgets/elementor-google-maps/"> <div class="tpae-widget-text">Google Maps</div> </a> </li> <li class="info-hover-bg"> <a href="https://theplusaddons.com/widgets/elementor-breadcrumbs/"> <div class="tpae-widget-text">Breadcrumbs Bar</div> </a> </li> <p class="tpae-mega-heading"><a href="https://theplusaddons.com/widgets/#plus-sections">Plus Sections</p> <li class="info-hover-bg"> <a href="https://theplusaddons.com/widgets/row-background/canvas-background/"> <div class="tpae-widget-text">Canvas Background</div> </a> </li> <li class="info-hover-bg"> <a href="https://theplusaddons.com/widgets/row-background/gallery-background/"> <div class="tpae-widget-text">Gallery Background</div> </a> </li> <li class="info-hover-bg"> <a href="https://theplusaddons.com/widgets/elementor-parallax-scrolling-background/"> <div class="tpae-widget-text">Parallax Background</div> </a> </li> <li class="info-hover-bg"> <a href="https://theplusaddons.com/widgets/row-background/"> <div class="tpae-widget-text">Row Background</div> </a> </li> <li class="info-hover-bg"> <a href="https://theplusaddons.com/widgets/row-background/segmentation-background/"> <div class="tpae-widget-text">Segment Background</div> </a> </li> <li class="info-hover-bg"> <a href="https://theplusaddons.com/widgets/row-background/special-background/"> <div class="tpae-widget-text">Special Backgrounds</div> </a> </li> <li class="info-hover-bg"> <a href="https://theplusaddons.com/widgets/row-background/video-background/"> <div class="tpae-widget-text">Video Background</div> </a> </li> </ul> </div> </div>   <div class="dropdown-col-3"> <div class="main-parant1"> <p class="tpae-mega-heading"><a href="https://theplusaddons.com/widgets/#plus-creatives">Plus Creatives</p> <ul id="submenu-list-col-1"> <li class="info-hover-bg"> <a href="https://theplusaddons.com/widgets/elementor-advanced-buttons/"> <div class="tpae-widget-text">Advanced Buttons </div> </a> </li> <li class="info-hover-bg"> <a href="https://theplusaddons.com/widgets/advanced-typography-for-elementor/"> <div class="tpae-widget-text">Advanced Typography</div> </a> </li> <li class="info-hover-bg"> <a href="https://theplusaddons.com/widgets/elementor-banner-widget/"> <div class="tpae-widget-text">Advertisement </div> </a> </li> <li class="info-hover-bg"> <a href="https://theplusaddons.com/widgets/advanced-separators/"> <div class="tpae-widget-text">Animated Separators</div> </a> </li> <li class="info-hover-bg"> <a href="https://theplusaddons.com/widgets/heading-animation/"> <div class="tpae-widget-text"> Animated Text</div> </a> </li> <li class="info-hover-bg"> <a href="https://theplusaddons.com/widgets/elementor-before-after-slider/"> <div class="tpae-widget-text">Before After</div> </a> </li> <li class="info-hover-bg"> <a href="https://theplusaddons.com/widgets/elementor-carousel-slider/"> <div class="tpae-widget-text">Carousel Anything</div> </a> </li> <li class="info-hover-bg"> <a href="https://theplusaddons.com/widgets/elementor-carousel-remote-sync/"> <div class="tpae-widget-text">Carousel Remote</div> </a> </li> <li class="info-hover-bg"> <a href="https://theplusaddons.com/widgets/elementor-circle-menu/"> <div class="tpae-widget-text">Circle Menu</div> </a> </li> <li class="info-hover-bg"> <a href="https://theplusaddons.com/widgets/creative-images-for-elementor/"> <div class="tpae-widget-text">Creative Images</div> </a> </li> <li class="info-hover-bg"> <a href="https://theplusaddons.com/widgets/elementor-draw-animated-svg-icon/"> <div class="tpae-widget-text">Draw SVG</div> </a> </li> <li class="info-hover-bg"> <a href="https://theplusaddons.com/widgets/elementor-dynamic-device-mockups/"> <div class="tpae-widget-text">Dynamic Devices</div> </a> </li> <li class="info-hover-bg"> <a href="https://theplusaddons.com/widgets/elementor-flipbox/"> <div class="tpae-widget-text">Flipbox</div> </a> </li> <li class="info-hover-bg"> <a href="https://theplusaddons.com/widgets/elementor-hotspots/"> <div class="tpae-widget-text">Hotspot/Pin Point</div> </a> </li> <li class="info-hover-bg"> <a href="https://theplusaddons.com/widgets/advanced-elementor-hover-card/"> <div class="tpae-widget-text">Hover Card</div> </a> </li> <li class="info-hover-bg"> <a href="https://theplusaddons.com/widgets/elementor-image-cascading/"> <div class="tpae-widget-text">Image Cascading</div> </a> </li> <li class="info-hover-bg"> <a href="https://theplusaddons.com/widgets/lottiefiles-animation-for-elementor/"> <div class="tpae-widget-text">Lottiefiles</div> </a> </li> <li class="info-hover-bg"> <a href="https://theplusaddons.com/widgets/elementor-on-scroll-lottiefiles-animation/"> <div class="tpae-widget-text">Lottiefiles On Scroll</div> </a> </li> </ul> </div> </div>   <div class="dropdown-col-4"> <div class="main-parant1"> <ul id="submenu-list-col-1"> <li class="info-hover-bg"> <a href="https://theplusaddons.com/widgets/morphing-sections-for-elementor/"> <div class="tpae-widget-text">Morphing Sections</div> </a> </li> <li class="info-hover-bg"> <a href="https://theplusaddons.com/plus-extras/mouse-cursor-icon-change/"> <div class="tpae-widget-text">Mouse Cursor</div> </a> </li> <li class="info-hover-bg"> <a href="https://theplusaddons.com/widgets/elementor-process-steps/"> <div class="tpae-widget-text">Process/Steps</div> </a> </li> <li class="info-hover-bg"> <a href="https://theplusaddons.com/widgets/one-page-scroll-navigation/"> <div class="tpae-widget-text">Scroll Navigation</div> </a> </li> <li class="info-hover-bg"> <a href="https://theplusaddons.com/widgets/smooth-scroll/"> <div class="tpae-widget-text">Smooth Scroll</div> </a> </li> <li class="info-hover-bg"> <a href="https://theplusaddons.com/widgets/elementor-timeline/"> <div class="tpae-widget-text">Time Line</div> </a> </li> <li class="info-hover-bg"> <a href="https://theplusaddons.com/widgets/elementor-unfold/"> <div class="tpae-widget-text">Unfold</div> </a> </li> <p class="tpae-mega-heading"> <a href=" https://theplusaddons.com/widgets/#plus-tabbed">Plus Tabs</p> <li class="info-hover-bg"> <a href="https://theplusaddons.com/widgets/elementor-accordion/"> <div class="tpae-widget-text">Accordion</div> </li> <li class="info-hover-bg"> <a href="https://theplusaddons.com/widgets/elementor-switcher/"> <div class="tpae-widget-text">Switcher</div> </li> <li class="info-hover-bg"> <a href="https://theplusaddons.com/widgets/elementor-tabs/"> <div class="tpae-widget-text">Advanced Tabs</div> </li> <p class="tpae-mega-heading"><a href="https://theplusaddons.com/widgets/#plus-adapted-wgts">Plus Forms</p> <li class="info-hover-bg"> <a href="https://theplusaddons.com/widgets/contact-form-7-styler/"> <div class="tpae-widget-text">Contact Form 7</div> </a> </li> <li class="info-hover-bg"> <a href="https://theplusaddons.com/widgets/everest-forms-styler/"> <div class="tpae-widget-text">Everest Forms</div> </a> </li> <li class="info-hover-bg"> <a href="https://theplusaddons.com/widgets/google-maps/"> <div class="tpae-widget-text">Google Map</div> </a> </li> <li class="info-hover-bg"> <a href="https://theplusaddons.com/widgets/gravity-forms-styler/"> <div class="tpae-widget-text">Gravity Forms</div> </a> </li> <li class="info-hover-bg"> <a href="https://theplusaddons.com/widgets/elementor-mailchimp-form/"> <div class="tpae-widget-text">Mailchimp Subscription Form</div> </a> </li> <li class="info-hover-bg"> <a href="https://theplusaddons.com/widgets/elementor-meeting-scheduler/"> <div class="tpae-widget-text">Meeting Scheduler</div> </a> </li> <li class="info-hover-bg"> <a href="https://theplusaddons.com/widgets/ninja-forms-styler/"> <div class="tpae-widget-text">Ninja Forms</div> </a> </li> <li class="info-hover-bg"> <a href="https://theplusaddons.com/widgets/wpforms-styler/"> <div class="tpae-widget-text">WP Forms</div> </a> </li> </ul> </div> </div>   <div class="dropdown-col-3"> <div class="main-parant1"> <p class="tpae-mega-heading"><a href="https://theplusaddons.com/widgets/#plus-social">Social Reviews & Badges</p> <ul id="submenu-list-col-1"> <li class="info-hover-bg"> <a href="https://theplusaddons.com/widgets/social-reviews/facebook-reviews/"> <div class="tpae-widget-text">Facebook Review</div> </a> </li> <li class="info-hover-bg"> <a href="https://theplusaddons.com/widgets/social-reviews/facebook-badges/"> <div class="tpae-widget-text">Facebook Badge</div> </a> </li> <li class="info-hover-bg"> <a href="https://theplusaddons.com/widgets/social-reviews/google-reviews-badge/"> <div class="tpae-widget-text">Google Badge</div> </a> </li> <li class="info-hover-bg"> <a href="https://theplusaddons.com/widgets/social-reviews/google-reviews/"> <div class="tpae-widget-text">Google Review</div> </a> </li> <li class="info-hover-bg"> <a href="https://theplusaddons.com/widgets/social-reviews/reviews-wall/"> <div class="tpae-widget-text"> Review Wall</div> </a> </li> <p class="tpae-mega-heading"><a href="https://theplusaddons.com/widgets/social-feed/">Social Feed</p> <li class="info-hover-bg"> <a href="https://theplusaddons.com/widgets/social-feed/facebook-feed/"> <div class="tpae-widget-text">Facebook Feed</div> </a> </li> <li class="info-hover-bg"> <a href="https://theplusaddons.com/widgets/social-feed/instagram-feed/"> <div class="tpae-widget-text">Instagram Feed</div> </a> </li> <li class="info-hover-bg"> <a href="https://theplusaddons.com/widgets/social-feed/youtube-feed/"> <div class="tpae-widget-text">YouTube Feed</div> </a> </li> <li class="info-hover-bg"> <a href="https://theplusaddons.com/widgets/social-feed/twitter-feed/"> <div class="tpae-widget-text">Twitter Feed</div> </a> </li> <li class="info-hover-bg"> <a href="https://theplusaddons.com/widgets/social-feed/vimeo-feed/"> <div class="tpae-widget-text">Vimeo Feed</div> </a> </li> <li class="info-hover-bg"> <a href="https://theplusaddons.com/widgets/social-feed/combined-filterable-social-feed/"> <div class="tpae-widget-text">Multi Social Feed</div> </a> </li> <p class="tpae-mega-heading"><a href="https://theplusaddons.com/widgets/social-embed/">Social Embeds</p> <li class="info-hover-bg"> <a href="https://theplusaddons.com/widgets/social-embed/facebook-embed/"> <div class="tpae-widget-text">Facebook Embed</div> </a> </li> <li class="info-hover-bg"> <a href="https://theplusaddons.com/widgets/social-embed/instagram-embed/"> <div class="tpae-widget-text">Instagram Embed</div> </a> </li> <li class="info-hover-bg"> <a href="https://theplusaddons.com/widgets/social-embed/twitter-embed/"> <div class="tpae-widget-text">Twitter Embed</div> </a> </li> <li class="info-hover-bg"> <a href="https://theplusaddons.com/widgets/social-embed/youtube-embed/"> <div class="tpae-widget-text">YouTube Embed</div> </a> </li> </ul> </div> </div>   <div class="dropdown-col-3"> <div class="main-parant1"> <ul id="submenu-list-col-1"> <li class="info-hover-bg"> <a href="https://theplusaddons.com/widgets/social-embed/vimeo-embed/"> <div class="tpae-widget-text">Vimeo Embed</div> </a> </li> <li class="info-hover-bg"> <a href="https://theplusaddons.com/widgets/social-embed/google-map-embed/"> <div class="tpae-widget-text">Google Map Embed</div> </a> </li> <p class="tpae-mega-heading"> <a href="https://theplusaddons.com/widgets/#plus-scroll">Plus Page Scrolls</p> <li class="info-hover-bg"> <a href="https://theplusaddons.com/widgets/best-page-scrolling-options-for-elementor/full-page/"> <div class="tpae-widget-text">Full Page</div> </a> </li> <li class="info-hover-bg"> <a href="https://theplusaddons.com/widgets/elementor-horizontal-scroll-fixed-background-image/"> <div class="tpae-widget-text">Horizontal Scroll Fixed Background</div> </a> </li> <li class="info-hover-bg"> <a href="https://theplusaddons.com/widgets/horizontal-scroll-with-background-color-change/"> <div class="tpae-widget-text">Horizontal Scroll On Scroll Color</div> </a> </li> <li class="info-hover-bg"> <a href="https://theplusaddons.com/widgets/elementor-horizontal-scroll-background-image-change/"> <div class="tpae-widget-text">Horizontal Scroll On Scroll Image</div> </a> </li> <li class="info-hover-bg"> <a href="https://theplusaddons.com/widgets/elementor-image-scroll-sequence/"> <div class="tpae-widget-text">Image Scroll Sequence</div> </a> </li> <li class="info-hover-bg"> <a href="https://theplusaddons.com/widgets/elementor-multi-scroll-30-70/"> <div class="tpae-widget-text">MultiScroll 30/70</div> </a> </li> <li class="info-hover-bg"> <a href="https://theplusaddons.com/widgets/elementor-multi-scroll-50-50/"> <div class="tpae-widget-text">MultiScroll 50/50</div> </a> </li> <li class="info-hover-bg"> <a href="https://theplusaddons.com/widgets/best-page-scrolling-options-for-elementor/page-piling/"> <div class="tpae-widget-text">Page Piling</div> </a> </li> <li class="info-hover-bg"> <a href="https://theplusaddons.com/widgets/elementor-horizontal-scroll/"> <div class="tpae-widget-text">Horizontal Page Scroll <span class="plus-hint-text-wrapper advanced plus-hint-text-Exclusive"> <span class="plus-hint-text-inner">Popular</span> </span> </div> </a> </li> </ul> </div> </div>  </div> <div class="tpae-widget-bottom-part"> <div class="tpae-left-side-column"> <div class="info-icon-text">Ready to get started?</div> <div> <a href="https://theplusaddons.com/pricing"> <span class="tpae-download-menu-btn">Download Now</span> </a> </div> </div> <div class="right-side-column"> <div class="tpae-bottom-extras-links-wrapper"> <a href="https://theplusaddons.com/elementor-widgets/"> <span class="tpae-btn-view-all-chat">View all 120+ Widgets</span> </a> </div> <div class="tpae-bottom-extras-links-wrapper"> <a class="gist-open-chat" href=""><span class="tpae-btn-view-all-chat">Questions? Ask Now</span></a> </div> </div> </div> </div> </div> </div>   <div class="dropdownSection active" data-dropdown="listing"> <div class="dropdownContent">  <div class="dropdown-menu-listing"> <div class="dropdown-menu-listing-inner tpae-custom-scrollbar" id="listingscroll"> <div class="dropdown-col-1"> <ul id="submenu-list-col-1"> <p class="tpae-mega-heading"><a href="https://theplusaddons.com/pluslisting/elementor-blog-post/">Blog Posts</p> <li class="info-hover-bg"><a href="https://theplusaddons.com/pluslisting/elementor-blog-post/carousel/"> <div class="tpae-widget-text">Post Carousel</div> </a></li> <li class="info-hover-bg"><a href="https://theplusaddons.com/pluslisting/elementor-blog-post/grid/"> <div class="tpae-widget-text">Post Grid</div> </a></li> <li class="info-hover-bg"><a href="https://theplusaddons.com/pluslisting/elementor-blog-post/masonry/"> <div class="tpae-widget-text">Post Masonry</div> </a></li> <li class="info-hover-bg"><a href="https://theplusaddons.com/pluslisting/elementor-blog-post/metro/"> <div class="tpae-widget-text">Post Metro</div> </a></li> <p class="tpae-mega-heading"><a href="https://theplusaddons.com/pluslisting/elementor-acf-repeater-support/">ACF Loops</p> <li class="info-hover-bg"><a href="https://theplusaddons.com/pluslisting/elementor-acf-gallery-support/"> <div class="tpae-widget-text">ACF Gallery Field</div> </a></li> <li class="info-hover-bg"><a href="https://theplusaddons.com/pluslisting/elementor-acf-repeater-support/"> <div class="tpae-widget-text">ACF Repeater Field <span class="plus-hint-text-wrapper advanced plus-hint-text-Exclusive"> <span class="plus-hint-text-inner">Advanced</span> </span> </div> </a></li> </ul> </div>  <div class="dropdown-col-3"> <div class="main-parant1"> <ul id="submenu-list-col-1"> <P class="tpae-mega-heading">WooCommerce</P> <li class="info-hover-bg"><a href="https://theplusaddons.com/pluslisting/product-grid/"> <div class="tpae-widget-text">Product Grid</div> </a></li> <li class="info-hover-bg"><a href="https://theplusaddons.com/pluslisting/product-lazy-load/"> <div class="tpae-widget-text">Product Lazy Load</div> </a></li> <li class="info-hover-bg"><a href="https://theplusaddons.com/pluslisting/product-load-more/"> <div class="tpae-widget-text">Product Load More</div> </a></li> <li class="info-hover-bg"><a href="https://theplusaddons.com/pluslisting/product-masonry/"> <div class="tpae-widget-text">Product Masonry</div> </a></li> <li class="info-hover-bg"><a href="https://theplusaddons.com/pluslisting/product-messy-column/"> <div class="tpae-widget-text">Product Messy Columns</div> </a></li> <li class="info-hover-bg"><a href="https://theplusaddons.com/pluslisting/product-metro/"> <div class="tpae-widget-text">Product Metro</div> </a></li> <li class="info-hover-bg"><a href="https://theplusaddons.com/pluslisting/product-pagination/"> <div class="tpae-widget-text">Product Pagination</div> </a></li> <li class="info-hover-bg"><a href="https://theplusaddons.com/pluslisting/product-styles/"> <div class="tpae-widget-text">Product Style</div> </a></li> <li class="info-hover-bg"><a href="https://theplusaddons.com/pluslisting/product-carousal/"> <div class="tpae-widget-text">Product Carousel</div> </a></li> <li class="info-hover-bg"><a href="https://theplusaddons.com/pluslisting/product-filter/"> <div class="tpae-widget-text">Product Category Filter</div> </a></li> <p class="tpae-mega-heading"><a href="https://theplusaddons.com/pluslisting/dynamic-magazine-filter/">Magazine Posts</p> <li class="info-hover-bg"><a href="https://theplusaddons.com/pluslisting/dynamic-magazine-slider/"> <div class="tpae-widget-text">Magazine Slider <span class="plus-hint-text-wrapper unique plus-hint-text-Exclusive"> <span class="plus-hint-text-inner">Unique</span> </span> </div> </a></li> <li class="info-hover-bg"><a href="https://theplusaddons.com/pluslisting/dynamic-ticker/"> <div class="tpae-widget-text">Dynamic Ticker</div> </a></li> <li class="info-hover-bg"><a href="https://theplusaddons.com/pluslisting/dynamic-magazine-filter/"> <div class="tpae-widget-text">Magazine Filter</div> </a></li> </ul> </div> </div>   <div class="dropdown-col-3"> <div class="main-parant1"> <p class="tpae-mega-heading">Ajax Search & Filters</p> <ul id="submenu-list-col-1"> <li class="info-hover-bg"><a href="https://theplusaddons.com/plus-search-filters/advanced-wp-filters/"> <div class="tpae-widget-text">Ajax Filters <span class="plus-hint-text-wrapper advanced plus-hint-text-Exclusive"> <span class="plus-hint-text-inner">Advanced</span> </span> </div> </a></li> <li class="info-hover-bg"><a href="https://theplusaddons.com/plus-search-filters/advanced-wp-filters-horizontal-columns/"> <div class="tpae-widget-text">Horizontal Filters</div> </a></li> <li class="info-hover-bg"><a href="https://theplusaddons.com/plus-search-filters/advanced-wp-filters-inline/"> <div class="tpae-widget-text">Inline Filters</div> </a></li> <li class="info-hover-bg"><a href="https://theplusaddons.com/plus-search-filters/advanced-wp-filters-modal-popup/"> <div class="tpae-widget-text">Modal Popup Filters <span class="plus-hint-text-wrapper unique plus-hint-text-Exclusive"> <span class="plus-hint-text-inner">Unique</span> </span> </div> </a></li> <li class="info-hover-bg"><a href="https://theplusaddons.com/plus-search-filters/advanced-wp-ajax-searchbar/"> <div class="tpae-widget-text">Search Bar</div> </a></li> <li class="info-hover-bg"><a href="https://theplusaddons.com/plus-search-filters/"> <div class="tpae-widget-text">Search Filters</div> </a></li> <p class="tpae-mega-heading"><a href="https://theplusaddons.com/pluslisting/elementor-client-logos/">Client Logos </p> <li class="info-hover-bg"><a href="https://theplusaddons.com/pluslisting/elementor-client-logos/carousel/"> <div class="tpae-widget-text">Logo Carousel</div> </a></li> <li class="info-hover-bg"><a href="https://theplusaddons.com/pluslisting/elementor-client-logos/filter/"> <div class="tpae-widget-text">Logo Css Filter</div> </a></li> <li class="info-hover-bg"><a href="https://theplusaddons.com/pluslisting/elementor-client-logos/grid/"> <div class="tpae-widget-text">Logo Grid</div> </a></li> <li class="info-hover-bg"><a href="https://theplusaddons.com/pluslisting/elementor-client-logos/masonry/"> <div class="tpae-widget-text">Logo Masonry</div> </a></li> </ul> </div> </div>   <div class="dropdown-col-4"> <div class="main-parant1"> <p class="tpae-mega-heading"><a href="https://theplusaddons.com/listing/elementor-image-gallery/">Image Gallery</p> <ul id="submenu-list-col-1"> <li class="info-hover-bg"><a href="https://theplusaddons.com/pluslisting/elementor-image-gallery/carousel/"> <div class="tpae-widget-text">Image Carousel</div> </a></li> <li class="info-hover-bg"><a href="https://theplusaddons.com/pluslisting/elementor-image-gallery/grid/"> <div class="tpae-widget-text">Image Grid</div> </a></li> <li class="info-hover-bg"><a href="https://theplusaddons.com/pluslisting/elementor-image-gallery/masonry/"> <div class="tpae-widget-text">Image Masonry</div> </a></li> <li class="info-hover-bg"><a href="https://theplusaddons.com/pluslisting/elementor-image-gallery/metro/"> <div class="tpae-widget-text">Image Metro</div> </a></li> <p class="tpae-mega-heading"><a href="https://theplusaddons.com/pluslisting/elementor-team-members/">Team Members</p> <li class="info-hover-bg"><a href="https://theplusaddons.com/pluslisting/elementor-team-members/carousel/"> <div class="tpae-widget-text">Team Carousel</div> </a></li> <li class="info-hover-bg"><a href="https://theplusaddons.com/pluslisting/elementor-team-members/filter/"> <div class="tpae-widget-text">Team Filter</div> </a></li> <li class="info-hover-bg"><a href="https://theplusaddons.com/pluslisting/elementor-team-members/grid/"> <div class="tpae-widget-text">Team Grid</div> </a></li> <li class="info-hover-bg"><a href="https://theplusaddons.com/pluslisting/elementor-team-members/masonry/"> <div class="tpae-widget-text">Team Masonry</div> </a></li> </ul> </div> </div>   <div class="dropdown-col-4"> <div class="main-parant1"> <p class="tpae-mega-heading"><a href="https://theplusaddons.com/pluslisting/elementor-testimonials/">Testimonials</p> <ul id="submenu-list-col-1"> <li class="info-hover-bg"><a href="https://theplusaddons.com/pluslisting/elementor-testimonials/carousel/"> <div class="tpae-widget-text">Testimonial Carousel</div> </a></li> <li class="info-hover-bg"><a href="https://theplusaddons.com/pluslisting/elementor-testimonials/grid/"> <div class="tpae-widget-text">Testimonial Grid</div> </a></li> <li class="info-hover-bg"><a href="https://theplusaddons.com/pluslisting/elementor-testimonials/masonry/"> <div class="tpae-widget-text">Testimonial Masonry</div> </a></li> <p class="tpae-mega-heading">Dynamic CPT Listing</p> <li class="info-hover-bg"><a href="https://theplusaddons.com/pluslisting/custom-loop-skin-builder/"> <div class="tpae-widget-text">Custom Post Look Skins <span class="plus-hint-text-wrapper advanced plus-hint-text-Exclusive"> <span class="plus-hint-text-inner">Popular</span> </span> </div> </a></li> <li class="info-hover-bg"><a href="https://theplusaddons.com/pluslisting/#search-filter-wgts"> <div class="tpae-widget-text">WooCommerce Product Skins <span class="plus-hint-text-wrapper unique plus-hint-text-Exclusive"> <span class="plus-hint-text-inner">Unique</span> </span> </div> </a></li> <li class="info-hover-bg"><a href="https://theplusaddons.com/pluslisting/dynamic-listing/"> <div class="tpae-widget-text">Dynamic Listing <span class="plus-hint-text-wrapper advanced plus-hint-text-Exclusive"> <span class="plus-hint-text-inner">Advanced</span> </span> </div> </a></li> </ul> </div> </div>  </div>  <div class="tpae-widget-bottom-part"> <div class="tpae-left-side-column"> <div class="info-icon-text">Ready to get started? </div> <div><a href="https://theplusaddons.com/pricing"><span class="tpae-download-menu-btn">Download Now</span> </a></div> </div> <div class="right-side-column"> <div class="tpae-bottom-extras-links-wrapper"> <a href="https://theplusaddons.com/elementor-widgets/"><span class="tpae-btn-view-all-chat">View all 120+ Widgets</span></a> </div> <div class="tpae-bottom-extras-links-wrapper"> <a class="gist-open-chat" href=""><span class="tpae-btn-view-all-chat">Questions? Ask Now</span></a> </div> </div> </div> </div>  </div> </div>   <div class="dropdownSection right" data-dropdown="builder"> <div class="dropdownContent"> <div class="dropdown-menu-builder"> <div class="theplus-megamenu-builder-wrapper tpae-custom-scrollbar id="builderscroll"> <div class="dropdown-col-1"> <ul id="submenu-list-col-1"> <p class="tpae-mega-heading"><a href="https://theplusaddons.com/widgets/mega-menu/"> Mega Menu </a></p> <li class="info-hover-bg"><a href="https://theplusaddons.com/widgets/mega-menu/horizontal/"> <div class="tpae-widget-text">Horizontal Mega Menu <span class="plus-hint-text-wrapper advanced plus-hint-text-Exclusive"> <span class="plus-hint-text-inner">Popular</span> </span> </div> </a></li> <li class="info-hover-bg"><a href="https://theplusaddons.com/widgets/mega-menu/vertical/"> <div class="tpae-widget-text">Vertical Mega menu</div> </a></li> <li class="info-hover-bg"><a href="https://theplusaddons.com/widgets/mega-menu/vertical-toggle/"> <div class="tpae-widget-text">Vertical Sidebar Menu</div> </a></li> <p class="tpae-mega-heading">Site Navigation</p> <li class="info-hover-bg"><a href="https://theplusaddons.com/widgets/elementor-header-navigation-builder/"> <div class="tpae-widget-text">Header Extras <span class="plus-hint-text-wrapper unique plus-hint-text-Exclusive"> <span class="plus-hint-text-inner">Unique</span> </span> </div> </a></li> <li class="info-hover-bg"><a href="https://theplusaddons.com/widgets/elementor-mobile-menu/"> <div class="tpae-widget-text">Mobile Menu <span class="plus-hint-text-wrapper advanced plus-hint-text-Exclusive"> <span class="plus-hint-text-inner">Popular</span> </span> </div> </a></li> <li class="info-hover-bg"><a href="https://theplusaddons.com/widgets/elementor-one-page-scroll-navigation/"> <div class="tpae-widget-text">One Page Scroll Navigation <span class="plus-hint-text-wrapper unique plus-hint-text-Exclusive"> <span class="plus-hint-text-inner">Unique</span> </span> </div> </a></li> <p class="tpae-mega-heading">Header Effects</p> <li class="info-hover-bg"><a href="https://theplusaddons.com/widgets/elementor-sticky-navigation-menu-example-1/"> <div class="tpae-widget-text">Sticky Menu</div> </a></li> <li class="info-hover-bg"><a href="https://theplusaddons.com/widgets/elementor-sticky-navigation-menu-example-2-reverse/"> <div class="tpae-widget-text">Reverse Sticky Menu</div> </a></li> <li class="info-hover-bg"><a href="https://theplusaddons.com/widgets/elementor-sticky-navigation-menu-example-1/"> <div class="tpae-widget-text">Header Colour Change On Scroll</div> </a></li> </ul> </div>   <div class="dropdown-col-2"> <div class="main-parant1"> <ul id="submenu-list-col-1"> <li class="info-hover-bg"><a href="https://theplusaddons.com/widgets/elementor-sticky-navigation-menu-example-1/"> <div class="tpae-widget-text">Transparent Sticky Header</div> </a></li> <li class="info-hover-bg"><a href="https://theplusaddons.com/widgets/elementor-sticky-navigation-menu-example-1/"> <div class="tpae-widget-text">Sticky Glassmorhpism <span class="plus-hint-text-wrapper unique plus-hint-text-Exclusive"> <span class="plus-hint-text-inner">Unique</span> </span> </div> </a></li> <li class="info-hover-bg"><a href="https://theplusaddons.com/widgets/navigation-menu/"> <div class="tpae-widget-text">Hide Header on Scroll</div> </a></li> <li class="info-hover-bg"><a href="https://theplusaddons.com/widgets/navigation-menu/"> <div class="tpae-widget-text">Shrinking Header Effect</div> </a></li> <li class="info-hover-bg"><a href="https://theplusaddons.com/widgets/elementor-header-navigation-builder/"> <div class="tpae-widget-text">Change Menu Logo on Scroll</div> </a></li> <li class="info-hover-bg"><a href="https://theplusaddons.com/widgets/elementor-header-navigation-builder/"> <div class="tpae-widget-text">Change Logo On Hover</div> </a></li> <p class="tpae-mega-heading"><a href="https://theplusaddons.com/plus-builder/elementor-form-builder/"> Form Builder </a></p> <p class="tpae-mega-heading"><a href="https://theplusaddons.com/plus-builder/elementor-footer-builder/" > Footer Builder</a></p> <p class="tpae-mega-heading"><a href="https://theplusaddons.com/elementor-grid-builder/" > Grid Builder</a></p> <a href="https://theplusaddons.com/plus-builder/elementor-blog-builder/" class="tpae-mega-heading">Blog & CPT Builder</a> <li class="info-hover-bg"><a href="https://theplusaddons.com/plus-builder/elementor-blog-builder/post-author/"> <div class="tpae-widget-text">Post Author Box</div> </a></li> <li class="info-hover-bg"><a href="https://theplusaddons.com/plus-builder/elementor-blog-builder/post-comment/"> <div class="tpae-widget-text">Post Comments</div> </a></li> <li class="info-hover-bg"><a href="https://theplusaddons.com/plus-builder/elementor-blog-builder/post-content/"> <div class="tpae-widget-text">Post Content</div> </a></li> <li class="info-hover-bg"><a href="https://theplusaddons.com/plus-builder/elementor-blog-builder/post-featured-image/"> <div class="tpae-widget-text">Post Featured Image</div> </a></li> <li class="info-hover-bg"><a href="https://theplusaddons.com/plus-builder/elementor-blog-builder/post-meta/"> <div class="tpae-widget-text">Post Meta</div> </a></li> <li class="info-hover-bg"><a href="https://theplusaddons.com/plus-builder/elementor-blog-builder/post-navigation/"> <div class="tpae-widget-text">Post Navigation</div> </a></li> <li class="info-hover-bg"><a href="https://theplusaddons.com/plus-search-filters/advanced-wp-ajax-searchbar/"> <div class="tpae-widget-text">Post Search</div> </a></li> <li class="info-hover-bg"><a href="https://theplusaddons.com/plus-builder/elementor-blog-builder/post-title/"> <div class="tpae-widget-text">Post Title</div> </a></li> </ul> </div> </div>   <div class="dropdown-col-2"> <div class="main-parant1"> <p class="tpae-mega-heading">Modal Popups</p> <ul id="submenu-list-col-1"> <li class="info-hover-bg"><a href="https://theplusaddons.com/widgets/off-canvas/"> <div class="tpae-widget-text">Off Canvas</div> </a></li> <li class="info-hover-bg"><a href="https://theplusaddons.com/widgets/popup-builder/"> <div class="tpae-widget-text">Popup</div> </a></li> <p class="tpae-mega-heading">WooCommerce Builder</p> <li class="info-hover-bg"><a href="https://theplusaddons.com/woo-builder/#my-account"> <div class="tpae-widget-text">Woo My Account Page</div> </a></li> <li class="info-hover-bg"><a href="https://theplusaddons.com/woo-builder/#order-track"> <div class="tpae-widget-text">Woo Order Track Page</div> </a></li> <li class="info-hover-bg"><a href="https://theplusaddons.com/woo-builder/#cart"> <div class="tpae-widget-text">Woo Cart Page</div> </a></li> <li class="info-hover-bg"><a href="https://theplusaddons.com/woo-builder/#checkout"> <div class="tpae-widget-text">Woo Checkout Page</div> </a></li> <li class="info-hover-bg"><a href="https://theplusaddons.com/woo-builder/#woo-filter"> <div class="tpae-widget-text">Ajax Product Filters</div> </a></li> <li class="info-hover-bg"><a href="https://theplusaddons.com/woo-builder/#single-prodct"> <div class="tpae-widget-text">Single Product Basic</div> </a></li> <li class="info-hover-bg"><a href="https://theplusaddons.com/woo-builder/#single-prodct"> <div class="tpae-widget-text">Single Product Image</div> </a></li> <li class="info-hover-bg"><a href="https://theplusaddons.com/woo-builder/#single-prodct"> <div class="tpae-widget-text">Single Product Pricing</div> </a></li> <li class="info-hover-bg"><a href="https://theplusaddons.com/woo-builder/#single-prodct"> <div class="tpae-widget-text">Single Product Tabs</div> </a></li> <li class="info-hover-bg"><a href="https://theplusaddons.com/product/ceramic-colored-pots/"> <div class="tpae-widget-text">Product Swatches</div> </a></li> <li class="info-hover-bg"><a href="https://theplusaddons.com/woo-builder/#thank-you"> <div class="tpae-widget-text">Woo Thank You Page</div> </a></li> </ul> </div> </div>  </div> <div class="tpae-widget-bottom-part"> <div class="tpae-left-side-column"> <div class="info-icon-text">Ready to get started?</div> <div> <a href="https://theplusaddons.com/pricing"> <span class="tpae-download-menu-btn">Download Now</span> </a> </div> </div> <div class="right-side-column"> <div class="tpae-bottom-extras-links-wrapper"> <a href="https://theplusaddons.com/elementor-widgets/"> <span class="tpae-btn-view-all-chat">View all 120+ Widgets</span> </a> </div> <div class="tpae-bottom-extras-links-wrapper"> <a class="gist-open-chat" href=""><span class="tpae-btn-view-all-chat">Questions? Ask Now</span></a> </div> </div> </div> </div> </div> </div> <div class="dropdownSection right" data-dropdown="extras"> <div class="dropdownContent"> <div class="dropdown-menu-extras"> <div class="dropdown-menu-extras-inner tpae-custom-scrollbar" id="extrasscroll"> <div class="dropdown-col-1"> <div class="main-parant1"> <p class="tpae-mega-heading">Special Features</p> <ul id="submenu-list-col-1"> <li class="info-hover-bg"> <a href="https://theplusaddons.com/plus-extras/cross-domain-copy-paste-and-live-copy-elementor/"> <div class="tpae-widget-text">Cross Domain Copy Paste</div> </a> </li> <li class="info-hover-bg"> <a href="https://theplusaddons.com/plus-extras/elementor-column-improvements-upgrades-responsive/#custom-css"> <div class="tpae-widget-text">Custom CSS</div> </a> </li> <li class="info-hover-bg"> <a href="https://theplusaddons.com/plus-extras/equal-height/"> <div class="tpae-widget-text"> Equal Height <span class="plus-hint-text-wrapper advanced plus-hint-text-Exclusive"> <span class="plus-hint-text-inner">Popular</span> </span> </div> </a> </li> <li class="info-hover-bg"> <a href="https://theplusaddons.com/plus-extras/special-effects-parallax-3d-mouse-hover-continuous-animations-elementor-widgets/#mouse-parallax"> <div class="tpae-widget-text"> Global Mouse Hover Parallax </div> </a> </li> <li class="info-hover-bg"> <a href="https://theplusaddons.com/plus-extras/design-tool/"> <div class="tpae-widget-text">Grid Design Tool</div> </a> </li> <li class="info-hover-bg"> <a href="https://theplusaddons.com/plus-extras/on-scroll-magic-elementor-parallax/"> <div class="tpae-widget-text"> Magic Scroll Integration </div> </a> </li> <li class="info-hover-bg"> <a href="https://theplusaddons.com/plus-extras/elementor-on-scroll-content-animation/"> <div class="tpae-widget-text">On Scroll Animation Content</div> </a> </li> <li class="info-hover-bg"> <a href="https://theplusaddons.com/plus-extras/row-section-full-scroll-animation/"> <div class="tpae-widget-text">Row Section Scroll Animation</div> </a> </li> <li class="info-hover-bg"> <a href="https://theplusaddons.com/plus-extras/white-label-the-plus-addons-for-elementor/"> <div class="tpae-widget-text">Whitelabel Plugin <span class="plus-hint-text-wrapper unique plus-hint-text-Exclusive"> <span class="plus-hint-text-inner">Unique</span> </span> </div> </a> </li> <li class="info-hover-bg"> <a href="https://theplusaddons.com/plus-extras/wrapper-link/"> <div class="tpae-widget-text">Wrapper Link</div> </a> </li> </ul> <p class="tpae-mega-heading">Visibility Rules</p> <ul id="submenu-list-col-1"> <li class="info-hover-bg"> <a href="https://theplusaddons.com/plus-extras/elementor-display-conditions/"> <div class="tpae-widget-text">Display Conditions <span class="plus-hint-text-wrapper advanced plus-hint-text-Exclusive"> <span class="plus-hint-text-inner">Advanced</span> </span> </div> </a> </li> <li class="info-hover-bg"> <a href="https://theplusaddons.com/plus-extras/custom-fields-display-condition/"> <div class="tpae-widget-text">Dynamic Content Display Rules</div> </a> </li> <li class="info-hover-bg"> <a href="https://theplusaddons.com/plus-extras/woocommerce-display-conditions/"> <div class="tpae-widget-text"> WooCommerce Display Rules </div> </a> </li> </ul> </div> </div>  <div class="dropdown-col-3"> <div class="main-parant1"> <p class="tpae-mega-heading">Global Options</p> <ul id="submenu-list-col-1"> <li class="info-hover-bg"> <a href="https://theplusaddons.com/plus-extras/special-effects-parallax-3d-mouse-hover-continuous-animations-elementor-widgets/#continuous-effects"> <div class="tpae-widget-text">Continuous Effects</div> </a> </li> <li class="info-hover-bg"> <a href="https://theplusaddons.com/plus-extras/special-effects-parallax-3d-mouse-hover-continuous-animations-elementor-widgets/#mouse-parallax"> <div class="tpae-widget-text">Mouse Hover Parallax</div> </a> </li> <li class="info-hover-bg"> <a href="https://theplusaddons.com/plus-extras/special-effects-parallax-3d-mouse-hover-continuous-animations-elementor-widgets/#first-section"> <div class="tpae-widget-text"> Special Overlay Color </div> </a> </li> <li class="info-hover-bg"> <a href="https://theplusaddons.com/plus-extras/special-effects-parallax-3d-mouse-hover-continuous-animations-elementor-widgets/#tilt-3d"> <div class="tpae-widget-text"> Tilt 3D Effects </div> </a> </li> <li class="info-hover-bg"> <a href="https://theplusaddons.com/plus-extras/elementor-tooltips/"> <div class="tpae-widget-text">Tooltips</div> </a> </li> </ul> <p class="tpae-mega-heading">Effects</p> <ul id="submenu-list-col-1"> <li class="info-hover-bg"> <a href="https://theplusaddons.com/plus-extras/global-box-drop-text-multi-shadow/#multi-box-shadows"> <div class="tpae-widget-text">Multi Box Shadows</div> </a> </li> <li class="info-hover-bg"> <a href="https://theplusaddons.com/plus-extras/global-box-drop-text-multi-shadow/#multi-drop-shadows"> <div class="tpae-widget-text">Multi Drop Shadows</div> </a> </li> <li class="info-hover-bg"> <a href="https://theplusaddons.com/plus-extras/elementor-glassmorphism/"> <div class="tpae-widget-text"> Glass Morphism </div> </a> </li> <li class="info-hover-bg"> <a href="https://theplusaddons.com/plus-extras/elementor-neumorphism/"> <div class="tpae-widget-text"> Neumorphism </div> </a> </li> </ul> <p class="tpae-mega-heading">Event Tracking</p> <ul id="submenu-list-col-1"> <li class="info-hover-bg"> <a href="https://theplusaddons.com/plus-extras/facebook-pixel-event-tracker-for-elementor/"> <div class="tpae-widget-text">Facebook Pixel Event Tracker <span class="plus-hint-text-wrapper advanced plus-hint-text-Exclusive"> <span class="plus-hint-text-inner">Popular</span> </span> </div> </a> </li> <li class="info-hover-bg"> <a href="https://theplusaddons.com/plus-extras/ga4-event-tracker-for-elementor/ "> <div class="tpae-widget-text">GA4 Event Tracker <span class="plus-hint-text-wrapper unique plus-hint-text-Exclusive"> <span class="plus-hint-text-inner">Unique</span> </span> </div> </a> </li> </ul> </div> </div>   <div class="dropdown-col-3"> <div class="main-parant1"> <p class="tpae-mega-heading">Column Extras</p> <ul id="submenu-list-col-1"> <li class="info-hover-bg"> <a href="https://theplusaddons.com/plus-extras/elementor-column-improvements-upgrades-responsive/#column-order"> <div class="tpae-widget-text">Column Ordering Devices</div> </a> </li> <li class="info-hover-bg"> <a href="https://theplusaddons.com/plus-extras/elementor-column-improvements-upgrades-responsive/#column-width"> <div class="tpae-widget-text">Column Width (Px, %, calc() )</div> </a> </li> <li class="info-hover-bg"> <a href="https://theplusaddons.com/plus-extras/elementor-column-improvements-upgrades-responsive/#media-query-breakpoint"> <div class="tpae-widget-text"> Custom Media Query Breakpoints </div> </a> </li> <li class="info-hover-bg"> <a href="https://theplusaddons.com/plus-extras/elementor-column-improvements-upgrades-responsive/#sticky-column"> <div class="tpae-widget-text"> Sticky Column </div> </a> </li> </ul> </div> </div>  </div>  <div class="tpae-widget-bottom-part"> <div class="tpae-left-side-column"> <div class="info-icon-text">Ready to get started?</div> <div> <a href="https://theplusaddons.com/pricing"> <span class="tpae-download-menu-btn">Download Now</span> </a> </div> </div> <div class="right-side-column"> <div class="tpae-bottom-extras-links-wrapper"> <a href="https://theplusaddons.com/elementor-widgets/"> <span class="tpae-btn-view-all-chat">View all 120+ Widgets</span> </a> </div> <div class="tpae-bottom-extras-links-wrapper"> <a class="gist-open-chat" href=""><span class="tpae-btn-view-all-chat">Questions? Ask Now</span></a> </div> </div> </div>  </div> </div> </div> <div class="dropdownSection right" data-dropdown="templates"> <div class="dropdownContent"> <div class="dropdown-menu-extras"> <div class="dropdown-menu-templates-inner"> <div class="dropdown-col-1"> <div class="main-parant1"> <p class="tpae-mega-heading">Website Pack <span class="plus-hint-text-wrapper advanced plus-hint-text-Exclusive"> <span class="plus-hint-text-inner">5+</span> </span> </p> <ul id="submenu-list-col-1"> <li class="info-hover-bg"> <a href="https://etemplates.wdesignkit.com/pureskin/" target="_blank"> <div class="tpae-widget-text">PureSkin - Spa & Beauty Salon</div> </a> </li> <li class="info-hover-bg"> <a href="https://etemplates.wdesignkit.com/precare/" target="_blank"> <div class="tpae-widget-text">Precare - Healthcare & Medical</div> </a> </li> <li class="info-hover-bg"> <a href="https://etemplates.wdesignkit.com/omnifactory/" target="_blank"> <div class="tpae-widget-text"> OmniFactory - Factory and Industrial </div> </a> </li> <li class="info-hover-bg"> <a href="https://etemplates.wdesignkit.com/lawsavvy/" target="_blank"> <div class="tpae-widget-text"> LawSavvy - Law Firm, Lawyer, and Attorney </div> </a> </li> <li class="info-hover-bg"> <a href="https://etemplates.wdesignkit.com/kidcave/" target="_blank"> <div class="tpae-widget-text">Kidcave - Kindergarten & Childcare</div> </a> </li> <li class="info-hover-bg"> <a href="https://etemplates.wdesignkit.com/sippinspot/" target="_blank"> <div class="tpae-widget-text"> SippinSpot - Coffee, Fast Food & Restaurant </div> </a> </li> <li class="info-hover-bg"> <a href="https://wdesignkit.com/browse/template/" class="underline" target="_blank"> <div class="tpae-widget-text"><b>Pre-Designed Sections</b> <span class="plus-hint-text-wrapper advanced plus-hint-text-Exclusive"> <span class="plus-hint-text-inner">500+</span> </span> </div> </a> </li> </ul> </div> </div>  <div class="dropdown-col-3"> <div class="main-parant1"> <p class="tpae-mega-heading">Landing Page <span class="plus-hint-text-wrapper unique plus-hint-text-Exclusive"> <span class="plus-hint-text-inner">50+</span> </span> </p> <ul id="submenu-list-col-1"> <li class="info-hover-bg"> <a href="https://etemplates.wdesignkit.com/momentum/" target="_blank"> <div class="tpae-widget-text">Momentum - Book</div> </a> </li> <li class="info-hover-bg"> <a href="https://etemplates.wdesignkit.com/nexabyte/seo/" target="_blank"> <div class="tpae-widget-text">SEO - Marketing</div> </a> </li> <li class="info-hover-bg"> <a href="https://etemplates.wdesignkit.com/curehub/" target="_blank"> <div class="tpae-widget-text"> Curehub - Medical </div> </a> </li> <li class="info-hover-bg"> <a href="https://etemplates.wdesignkit.com/breadbistro/" target="_blank"> <div class="tpae-widget-text"> Bakery - Food </div> </a> </li> <li class="info-hover-bg"> <a href="https://etemplates.wdesignkit.com/nexabyte/" target="_blank"> <div class="tpae-widget-text">Creative Agency - Agency Firm</div> </a> </li> <li class="info-hover-bg"> <a href="https://etemplates.wdesignkit.com/epicuriosity/" target="_blank"> <div class="tpae-widget-text">Epicuriosity - Restaurant</div> </a> </li> <li class="info-hover-bg"> <a href="https://etemplates.wdesignkit.com/skyframe/" target="_blank"> <div class="tpae-widget-text"> Skyframe - Construction </div> </a> </li> <li class="info-hover-bg"> <a href="https://etemplates.wdesignkit.com/nexabyte/software/" target="_blank"> <div class="tpae-widget-text"> Software - Digital product </div> </a> </li> </ul> </div> </div>  </div>  <div class="tpae-widget-bottom-part"> <div class="tpae-left-side-column"> <div class="info-icon-text">Ready to get started?</div> <div> <a href="https://theplusaddons.com/pricing"> <span class="tpae-download-menu-btn">Download Now</span> </a> </div> </div> <div class="right-side-column"> <div class="tpae-bottom-extras-links-wrapper"> <a class="gist-open-chat" href=""><span class="tpae-btn-view-all-chat">Questions? Ask Now</span></a> </div> </div> </div>  </div> </div> </div> <div class="dropdownSection right" data-dropdown="resources"> <div class="dropdownContent"> <div class="dropdown-menu-resources"> <div class="dropdown-col-1"> <div class="main-parant1"> <p class="tpae-mega-heading">Explore</p> <ul id="submenu-list-col-1"> <li class="info-hover-bg"> <a href="https://roadmap.theplusaddons.com/updates/"> <div class="tpae-widget-text">Changelog</div> </a> </li> <li class="info-hover-bg"> <a href="https://roadmap.theplusaddons.com/boards/feature-request/"> <div class="tpae-widget-text">Request Feature</div> </a> </li> <li class="info-hover-bg"> <a href="https://roadmap.theplusaddons.com/roadmap/"> <div class="tpae-widget-text"> Roadmap </div> </a> </li> <li class="info-hover-bg"> <a href="https://theplusaddons.com/free-vs-pro/"> <div class="tpae-widget-text"> Free vs Pro </div> </a> </li> <li class="info-hover-bg"> <a href="https://theplusaddons.com/reviews/"> <div class="tpae-widget-text"> Reviews </div> </a> </li> </ul> </div> </div>  <div class="dropdown-col-3"> <div class="main-parant1"> <p class="tpae-mega-heading">Community</p> <ul id="submenu-list-col-1"> <li class="info-hover-bg"> <a href="https://theplusaddons.com/blog/"> <div class="tpae-widget-text">Blog</div> </a> </li> <li class="info-hover-bg"> <a href="https://www.facebook.com/groups/theplus4elementor/"> <div class="tpae-widget-text"> Facebook Community </div> </a> </li> <li class="info-hover-bg"> <a href="https://www.youtube.com/@posimyth?sub_confirmation=1"> <div class="tpae-widget-text">Video Tutorials</div> </a> </li> <li class="info-hover-bg"> <a href="https://store.posimyth.com/join-affiliate/"> <div class="tpae-widget-text">Join Affiliate</div> </a> </li> <li class="info-hover-bg"> <a href="https://theplusaddons.com/ebook/"> <div class="tpae-widget-text">E-books</div> </a> </li> <li class="info-hover-bg"> <a href="https://theplusaddons.com/showcase"> <div class="tpae-widget-text">Showcase</div> </a> </li> </ul> </div> </div>   <div class="dropdown-col-3"> <div class="main-parant1"> <p class="tpae-mega-heading">Support</p> <ul id="submenu-list-col-1"> <li class="info-hover-bg"> <a href="https://theplusaddons.com/docs/"> <div class="tpae-widget-text">Documentations</div> </a> </li> <li class="info-hover-bg"> <a href="https://wordpress.org/support/plugin/the-plus-addons-for-elementor-page-builder/"> <div class="tpae-widget-text">Free Helpdesk</div> </a> </li> <li class="info-hover-bg"> <a href="https://store.posimyth.com/helpdesk/"> <div class="tpae-widget-text"> Pro Helpdesk </div> </a> </li> <li class="info-hover-bg"> <div class="tpae-menu-item-wrapper gist-open-chat"> <div class="tpae-widget-text"> Live Chat </div> </div> </li> <li class="info-hover-bg"> <a href="https://theplusaddons.com/chat/"> <div class="tpae-widget-text">Al Chat [24x7]</div> </a> </li> </ul> </div> </div>  </div> <div class="tpae-widget-bottom-part"> <div class="tpae-left-side-column"> <div class="info-icon-text">Ready to get started?</div> <div> <a href="https://theplusaddons.com/pricing"> <span class="tpae-download-menu-btn">Download Now</span> </a> </div> </div> <div class="right-side-column"> <div class="tpae-bottom-extras-links-wrapper"> <a class="gist-open-chat" href=""><span class="tpae-btn-view-all-chat">Questions? Ask Now</span></a> </div> </div> </div> </div> </div> </div> </div> </div>  <div class="tp-posi-mobile-elementor-section-wrap posimyth-2022"> <div class="tp-posi-mobile-menu-wrap"> <input type="checkbox" class="tp-posi-mobile-menu-toggler"> <div class="tp-posi-mobile-menu-hamburger"> <div class="tp-posi-mmh-one"></div> </div> <div class="tp-posi-mobile-menu-wrapp"> <div class="tp-posi-mmw-one"> <div class="tp-posi-mmw-two"> <div class="tp-posi-mmw-two-icon-six"> <div class="tp-posi-mmw-two-icon-six-ul-li-one"> <div class="tp-posi-mmw-two-icon-six-ul-li"> <a class="" href="https://theplusaddons.com/"> <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30" fill="none"> <path d="M15 22.5V18.75" stroke="#8072FC" stroke-width="1.875" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M12.5875 3.52499L3.92501 10.4625C2.95001 11.2375 2.32501 12.875 2.53751 14.1L4.20001 24.05C4.50001 25.825 6.20001 27.2625 8.00001 27.2625H22C23.7875 27.2625 25.5 25.8125 25.8 24.05L27.4625 14.1C27.6625 12.875 27.0375 11.2375 26.075 10.4625L17.4125 3.53749C16.075 2.46249 13.9125 2.46249 12.5875 3.52499Z" stroke="#8072FC" stroke-width="1.875" stroke-linecap="round" stroke-linejoin="round"></path> </svg> <div>Home</div> </a> </div> <div class="tp-posi-mmw-two-icon-six-ul-li"> <a class="" href="https://theplusaddons.com/widgets/"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="27" height="27" viewBox="0 0 27 27"> <defs> <clipPath id="clip-_3dcube-1"> <rect width="27" height="27"></rect> </clipPath> </defs> <g id="_3dcube-1" data-name="3dcube-1" clip-path="url(#clip-_3dcube-1)"> <g id="_3dcube" data-name="3dcube" transform="translate(-1.5 -1.534)"> <path id="Path_4" data-name="Path 4" d="M16.15,2.825l8.138,4.388a1.442,1.442,0,0,1,0,2.488L16.15,14.087a2.421,2.421,0,0,1-2.3,0L5.713,9.7a1.442,1.442,0,0,1,0-2.488L13.85,2.825A2.421,2.421,0,0,1,16.15,2.825Z" fill="none" stroke="#8072fc" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.875"></path> <path id="Path_5" data-name="Path 5" d="M4.512,12.663l7.563,3.788a2.8,2.8,0,0,1,1.538,2.487v7.15A1.386,1.386,0,0,1,11.6,27.325L4.037,23.538A2.8,2.8,0,0,1,2.5,21.05V13.9A1.386,1.386,0,0,1,4.512,12.663Z" fill="none" stroke="#8072fc" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.875"></path> <path id="Path_6" data-name="Path 6" d="M25.487,12.663,17.925,16.45a2.8,2.8,0,0,0-1.537,2.487v7.15A1.386,1.386,0,0,0,18.4,27.325l7.563-3.788A2.8,2.8,0,0,0,27.5,21.05V13.9A1.386,1.386,0,0,0,25.487,12.663Z" fill="none" stroke="#8072fc" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.875"></path> </g> </g> </svg> <div>Widgets</div> </a> </div> </div> <div class="tp-posi-mmw-two-icon-six-ul-li-two"> <div class="tp-posi-mmw-two-icon-six-ul-li"> <a class="" href="https://theplusaddons.com/pluslisting/"> <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30" fill="none"> <path d="M15.4625 11.1H22.025" stroke="#8072FC" stroke-width="1.875" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M7.97501 11.1L8.91251 12.0375L11.725 9.22501" stroke="#8072FC" stroke-width="1.875" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M15.4625 19.85H22.025" stroke="#8072FC" stroke-width="1.875" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M7.97501 19.85L8.91251 20.7875L11.725 17.975" stroke="#8072FC" stroke-width="1.875" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M11.25 27.5H18.75C25 27.5 27.5 25 27.5 18.75V11.25C27.5 5 25 2.5 18.75 2.5H11.25C5 2.5 2.5 5 2.5 11.25V18.75C2.5 25 5 27.5 11.25 27.5Z" stroke="#8072FC" stroke-width="1.875" stroke-linecap="round" stroke-linejoin="round"></path> </svg> <div>Listing</div> </a> </div> <div class="tp-posi-mmw-two-icon-six-ul-li"> <a class="" href="https://theplusaddons.com/plus-builder/"> <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30" fill="none"> <path d="M28.75 28.4375H1.25C0.7375 28.4375 0.3125 28.0125 0.3125 27.5C0.3125 26.9875 0.7375 26.5625 1.25 26.5625H28.75C29.2625 26.5625 29.6875 26.9875 29.6875 27.5C29.6875 28.0125 29.2625 28.4375 28.75 28.4375Z" fill="#8072FC"></path> <path d="M24.7253 28.4501C24.2128 28.4501 23.7878 28.0251 23.7878 27.5126V21.9376C23.7878 21.4251 24.2128 21.0001 24.7253 21.0001C25.2378 21.0001 25.6628 21.4251 25.6628 21.9376V27.5126C25.6628 28.0251 25.2503 28.4501 24.7253 28.4501Z" fill="#8072FC"></path> <path d="M24.7501 22.875C22.7126 22.875 21.0626 21.225 21.0626 19.1875V16.35C21.0626 14.3125 22.7126 12.6625 24.7501 12.6625C26.7876 12.6625 28.4377 14.3125 28.4377 16.35V19.1875C28.4377 21.225 26.7876 22.875 24.7501 22.875ZM24.7501 14.55C23.7501 14.55 22.9376 15.3625 22.9376 16.3625V19.2C22.9376 20.2 23.7501 21.0125 24.7501 21.0125C25.7501 21.0125 26.5627 20.2 26.5627 19.2V16.3625C26.5627 15.3625 25.7501 14.55 24.7501 14.55Z" fill="#8072FC"></path> <path d="M17.8748 28.4375C17.3623 28.4375 16.9373 28.0125 16.9373 27.5V7.53754C16.9373 5.55004 16.0998 4.70001 14.1498 4.70001H6.3623C4.3998 4.70001 3.5498 5.55004 3.5498 7.53754V27.5C3.5498 28.0125 3.1248 28.4375 2.6123 28.4375C2.0998 28.4375 1.6748 28.0125 1.6748 27.5V7.53754C1.6748 4.50004 3.3373 2.82501 6.3623 2.82501H14.1498C17.1623 2.82501 18.8123 4.50004 18.8123 7.53754V27.5C18.8123 28.0125 18.3873 28.4375 17.8748 28.4375Z" fill="#8072FC"></path> <path d="M13.4373 11.25H7.24976C6.73726 11.25 6.31226 10.825 6.31226 10.3125C6.31226 9.8 6.73726 9.375 7.24976 9.375H13.4373C13.9498 9.375 14.3748 9.8 14.3748 10.3125C14.3748 10.825 13.9498 11.25 13.4373 11.25Z" fill="#8072FC"></path> <path d="M13.4373 15.9375H7.24976C6.73726 15.9375 6.31226 15.5125 6.31226 15C6.31226 14.4875 6.73726 14.0625 7.24976 14.0625H13.4373C13.9498 14.0625 14.3748 14.4875 14.3748 15C14.3748 15.5125 13.9498 15.9375 13.4373 15.9375Z" fill="#8072FC"></path> <path d="M10.3125 28.4375C9.8 28.4375 9.375 28.0125 9.375 27.5V22.8125C9.375 22.3 9.8 21.875 10.3125 21.875C10.825 21.875 11.25 22.3 11.25 22.8125V27.5C11.25 28.0125 10.825 28.4375 10.3125 28.4375Z" fill="#8072FC"></path> </svg> <div>Builder</div> </a> </div> </div> <div class="tp-posi-mmw-two-icon-six-ul-li-three"> <div class="tp-posi-mmw-two-icon-six-ul-li"> <a class="" href="https://theplusaddons.com/plus-extras/"> <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30" fill="none"> <path d="M11.25 27.5H18.75C25 27.5 27.5 25 27.5 18.75V11.25C27.5 5 25 2.5 18.75 2.5H11.25C5 2.5 2.5 5 2.5 11.25V18.75C2.5 25 5 27.5 11.25 27.5Z" stroke="#8072FC" stroke-width="1.875" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M19.9956 15H20.0068" stroke="#8072FC" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M14.9944 15H15.0056" stroke="#8072FC" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M9.99313 15H10.0044" stroke="#8072FC" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></path> </svg> <div>Extras</div> </a> </div> <div class="tp-posi-mmw-two-icon-six-ul-li"> <a class="" href="https://theplusaddons.com/plus-design/"> <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30" fill="none"> <path d="M16.5872 29.0625H13.4372C12.5622 29.0625 11.7747 28.6874 11.2497 28.0499C10.7872 27.4749 10.6122 26.7374 10.7747 26.0374L11.2872 23.775C11.3872 23.35 11.7622 23.0499 12.1997 23.0499H17.8247C18.2622 23.0499 18.6372 23.35 18.7372 23.775L19.2497 26.0374C19.4122 26.7874 19.2622 27.5125 18.7997 28.0875C18.2872 28.7 17.4872 29.0625 16.5872 29.0625ZM12.9497 24.9001L12.5997 26.4375C12.5622 26.625 12.6372 26.775 12.7122 26.8625C12.8747 27.0625 13.1372 27.175 13.4372 27.175H16.5872C16.9122 27.175 17.1872 27.075 17.3372 26.8875C17.4372 26.7625 17.4622 26.6125 17.4247 26.425L17.0747 24.8875H12.9497V24.9001Z" fill="#8072FC"></path> <path d="M17.825 24.9001C17.5625 24.9001 17.3125 24.8001 17.125 24.5876C16.7875 24.2001 16.8125 23.6125 17.2 23.2625L19.3625 21.3374C20.225 20.5749 20.1875 20.3876 19.55 19.5876L15.7375 14.75C15.525 14.4875 15.275 14.3375 15.0125 14.3375C14.75 14.3375 14.5 14.4875 14.2875 14.75L10.475 19.5876C9.80003 20.4501 9.81252 20.6376 10.6375 21.3126L12.825 23.2625C13.2125 23.6 13.25 24.2001 12.9 24.5876C12.55 24.9751 11.9625 25.0125 11.575 24.6625L9.41253 22.7374C7.83753 21.4499 7.70002 20.075 9.00002 18.425L12.8125 13.5875C13.375 12.875 14.175 12.4625 15.0125 12.4625C15.85 12.4625 16.65 12.875 17.2125 13.5875L21.025 18.425C22.3125 20.05 22.1875 21.3499 20.6125 22.7374L18.45 24.6625C18.2625 24.825 18.0375 24.9001 17.825 24.9001Z" fill="#8072FC"></path> <path d="M15.0122 18C14.4997 18 14.0747 17.575 14.0747 17.0625V13.9C14.0747 13.3875 14.4997 12.9625 15.0122 12.9625C15.5247 12.9625 15.9497 13.3875 15.9497 13.9V17.0625C15.9497 17.5875 15.5247 18 15.0122 18Z" fill="#8072FC"></path> <path d="M15.65 7.1875H14.4C13.2 7.1875 12.2125 6.2 12.2125 5V3.75C12.2125 2.55 13.2 1.5625 14.4 1.5625H15.65C16.85 1.5625 17.8375 2.55 17.8375 3.75V5C17.8375 6.2 16.8625 7.1875 15.65 7.1875ZM14.4 3.4375C14.225 3.4375 14.0875 3.575 14.0875 3.75V5C14.0875 5.175 14.225 5.3125 14.4 5.3125H15.65C15.825 5.3125 15.9625 5.175 15.9625 5V3.75C15.9625 3.575 15.825 3.4375 15.65 3.4375H14.4Z" fill="#8072FC"></path> <path d="M5.33752 18.65H4.08752C2.88752 18.65 1.90002 17.6625 1.90002 16.4625V15.2125C1.90002 14.0125 2.88752 13.0249 4.08752 13.0249H5.33752C6.53752 13.0249 7.52502 14.0125 7.52502 15.2125V16.4625C7.52502 17.6625 6.53752 18.65 5.33752 18.65ZM4.08752 14.8999C3.91252 14.8999 3.77502 15.0375 3.77502 15.2125V16.4625C3.77502 16.6375 3.91252 16.775 4.08752 16.775H5.33752C5.51252 16.775 5.65002 16.6375 5.65002 16.4625V15.2125C5.65002 15.0375 5.51252 14.8999 5.33752 14.8999H4.08752Z" fill="#8072FC"></path> <path d="M25.9125 18.65H24.6625C23.4625 18.65 22.475 17.6625 22.475 16.4625V15.2125C22.475 14.0125 23.4625 13.0249 24.6625 13.0249H25.9125C27.1125 13.0249 28.1 14.0125 28.1 15.2125V16.4625C28.1 17.6625 27.125 18.65 25.9125 18.65ZM24.6625 14.8999C24.4875 14.8999 24.35 15.0375 24.35 15.2125V16.4625C24.35 16.6375 24.4875 16.775 24.6625 16.775H25.9125C26.0875 16.775 26.225 16.6375 26.225 16.4625V15.2125C26.225 15.0375 26.0875 14.8999 25.9125 14.8999H24.6625Z" fill="#8072FC"></path> <path d="M4.6875 14.9001C4.175 14.9001 3.75 14.4751 3.75 13.9626C3.75 8.62508 7.75 4.1376 13.05 3.5126C13.5625 3.4626 14.025 3.82507 14.0875 4.33757C14.15 4.85007 13.775 5.31259 13.2625 5.37509C8.9125 5.88759 5.625 9.57508 5.625 13.9626C5.625 14.4751 5.2 14.9001 4.6875 14.9001Z" fill="#8072FC"></path> <path d="M25.3125 14.9C24.8 14.9 24.375 14.475 24.375 13.9625C24.375 9.60001 21.1125 5.91253 16.7875 5.38753C16.275 5.32503 15.9125 4.8625 15.975 4.35C16.0375 3.8375 16.5 3.46255 17.025 3.53755C22.2875 4.17505 26.2625 8.66252 26.2625 13.975C26.25 14.475 25.8375 14.9 25.3125 14.9Z" fill="#8072FC"></path> </svg> <div>Design</div> </a> </div> </div> </div> <div class="tp-posi-mmw-two-icon-three"> <div class="tp-posi-mmw-two-icon-six-ul-li-one"> <div class="tp-posi-mmw-two-icon-six-ul-li"> <a class="" href="http://docs.posimyth.com/tpae/"> <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30" fill="none"> <path d="M27.5 12.5V18.75C27.5 25 25 27.5 18.75 27.5H11.25C5 27.5 2.5 25 2.5 18.75V11.25C2.5 5 5 2.5 11.25 2.5H17.5" stroke="#8072FC" stroke-width="1.875" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M27.5 12.5H22.5C18.75 12.5 17.5 11.25 17.5 7.5V2.5L27.5 12.5Z" stroke="#8072FC" stroke-width="1.875" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M8.75 16.25H16.25" stroke="#8072FC" stroke-width="1.875" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M8.75 21.25H13.75" stroke="#8072FC" stroke-width="1.875" stroke-linecap="round" stroke-linejoin="round"></path> </svg> <div>Docs</div> </a> </div> <div class="tp-posi-mmw-two-icon-six-ul-li"> <a class="" href="https://store.posimyth.com/helpdesk/"> <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30" fill="none"> <path d="M15 28.4375C14.125 28.4375 13.2375 28.0999 12.575 27.4374L10.4375 25.325C9.90001 24.8 9.19999 24.5125 8.44999 24.5125H7.5C4.9125 24.5125 2.8125 22.425 2.8125 19.8625V6.22498C2.8125 3.66248 4.9125 1.57501 7.5 1.57501H22.5C25.0875 1.57501 27.1875 3.66248 27.1875 6.22498V19.8625C27.1875 22.425 25.0875 24.5125 22.5 24.5125H21.55C20.8 24.5125 20.0875 24.8 19.5625 25.325L17.425 27.4374C16.7625 28.0999 15.875 28.4375 15 28.4375ZM7.5 3.4375C5.95 3.4375 4.6875 4.68746 4.6875 6.21246V19.85C4.6875 21.3875 5.95 22.625 7.5 22.625H8.44999C9.69999 22.625 10.875 23.1124 11.7625 23.9874L13.9 26.1C14.5125 26.7 15.5 26.7 16.1125 26.1L18.25 23.9874C19.1375 23.1124 20.3125 22.625 21.5625 22.625H22.5C24.05 22.625 25.3125 21.375 25.3125 19.85V6.21246C25.3125 4.67496 24.05 3.4375 22.5 3.4375H7.5Z" fill="#8072FC"></path> <path d="M12.9753 18.1375H9.62528C9.07528 18.1375 8.56278 17.8749 8.23778 17.4249C7.92528 16.9999 7.85028 16.475 8.00028 15.975C8.43778 14.6375 9.51278 13.9125 10.4628 13.2625C11.4628 12.5875 12.0253 12.1625 12.0253 11.4375C12.0253 10.7875 11.5003 10.2625 10.8503 10.2625C10.2003 10.2625 9.67529 10.7875 9.67529 11.4375C9.67529 11.95 9.25029 12.375 8.73779 12.375C8.22529 12.375 7.80029 11.95 7.80029 11.4375C7.80029 9.76253 9.16278 8.38745 10.8503 8.38745C12.5378 8.38745 13.9003 9.75003 13.9003 11.4375C13.9003 13.2 12.5753 14.1 11.5128 14.825C10.8503 15.275 10.2253 15.7 9.91278 16.2625H12.9628C13.4753 16.2625 13.9003 16.6875 13.9003 17.2C13.9003 17.7125 13.4878 18.1375 12.9753 18.1375Z" fill="#8072FC"></path> <path d="M20.0498 18.1376C19.5373 18.1376 19.1123 17.7126 19.1123 17.2001V16.3375H16.6623C16.6623 16.3375 16.6624 16.3375 16.6499 16.3375C16.0374 16.3375 15.4749 16.0126 15.1624 15.4876C14.8499 14.9501 14.8499 14.2876 15.1624 13.7626C16.0124 12.3001 16.9999 10.6375 17.8999 9.18754C18.2999 8.55004 19.0624 8.2626 19.7749 8.4626C20.4874 8.6751 20.9873 9.32515 20.9748 10.0751V14.475H21.2498C21.7623 14.475 22.1873 14.9 22.1873 15.4125C22.1873 15.925 21.7623 16.35 21.2498 16.35H20.9873V17.2126C20.9873 17.7251 20.5748 18.1376 20.0498 18.1376ZM19.1123 10.8001C18.3748 12.0001 17.6123 13.2875 16.9248 14.4625H19.1123V10.8001Z" fill="#8072FC"></path> </svg> <div>Support</div> </a> </div> <div class="tp-posi-mmw-two-icon-six-ul-li"> <a class="" href="https://roadmap.theplusaddons.com/updates"> <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30" fill="none"> <path d="M21.5997 14C21.3622 14 21.1247 13.9124 20.9372 13.7249C20.5747 13.3624 20.5747 12.7624 20.9372 12.3999L24.9247 8.41244L20.9372 4.42494C20.5747 4.06244 20.5747 3.46244 20.9372 3.09994C21.2997 2.73744 21.8997 2.73744 22.2622 3.09994L26.9122 7.74998C27.0872 7.92498 27.1872 8.16244 27.1872 8.41244C27.1872 8.66244 27.0872 8.89998 26.9122 9.07498L22.2622 13.7249C22.0747 13.8999 21.8372 14 21.5997 14Z" fill="#8072FC"></path> <path d="M26.25 9.34998H3.75C3.2375 9.34998 2.8125 8.92498 2.8125 8.41248C2.8125 7.89998 3.2375 7.47498 3.75 7.47498H26.25C26.7625 7.47498 27.1875 7.89998 27.1875 8.41248C27.1875 8.92498 26.7625 9.34998 26.25 9.34998Z" fill="#8072FC"></path> <path d="M8.39996 27.1875C8.16246 27.1875 7.925 27.1 7.7375 26.9125L3.08746 22.2625C2.91246 22.0875 2.8125 21.85 2.8125 21.6C2.8125 21.35 2.91246 21.1125 3.08746 20.9375L7.7375 16.2875C8.1 15.925 8.7 15.925 9.0625 16.2875C9.425 16.65 9.425 17.25 9.0625 17.6125L5.075 21.6L9.0625 25.5874C9.425 25.9499 9.425 26.55 9.0625 26.9125C8.8875 27.1 8.64996 27.1875 8.39996 27.1875Z" fill="#8072FC"></path> <path d="M26.25 22.525H3.75C3.2375 22.525 2.8125 22.1 2.8125 21.5875C2.8125 21.075 3.2375 20.65 3.75 20.65H26.25C26.7625 20.65 27.1875 21.075 27.1875 21.5875C27.1875 22.1 26.7625 22.525 26.25 22.525Z" fill="#8072FC"></path> </svg> <div>Changelog</div> </a> </div> </div> </div> <div class="tp-posi-mmw-two-button"> <a href="https://theplusaddons.com/pricing/" class="tp-posi-mmw-two-button-link " role="button" data-hover="Get Pro Now">Get Pro Now</a> </div> <div class="tp-posi-mmw-two-text-icon"> <span class="elementor-icon-list-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path d="M256 512c141.4 0 256-114.6 256-256S397.4 0 256 0S0 114.6 0 256S114.6 512 256 512zM369 209L241 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L335 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z" /> </svg></span> <span class="elementor-icon-list-text">60 Days Money-Back Guarantee</span> </div> <div class="tp-posi-mmw-two-social"> <div class="elementor-social-icons-wrapper elementor-grid"> <a class="" href="https://www.facebook.com/groups/theplus4elementor/" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path d="M504 256C504 119 393 8 256 8S8 119 8 256c0 123.78 90.69 226.38 209.25 245V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.28c-30.8 0-40.41 19.12-40.41 38.73V256h68.78l-11 71.69h-57.78V501C413.31 482.38 504 379.78 504 256z" /> </svg></a> <a class="" href="https://twitter.com/intent/user?screen_name=posimyth" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z" /> </svg></a> <a class="" href="https://pmly.cc/youtube-posimyth" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"> <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" /> </svg></a> <a class="" href="https://www.facebook.com/groups/theplus4elementor/" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"> <path d="M144 160c-44.2 0-80-35.8-80-80S99.8 0 144 0s80 35.8 80 80s-35.8 80-80 80zm368 0c-44.2 0-80-35.8-80-80s35.8-80 80-80s80 35.8 80 80s-35.8 80-80 80zM0 298.7C0 239.8 47.8 192 106.7 192h42.7c15.9 0 31 3.5 44.6 9.7c-1.3 7.2-1.9 14.7-1.9 22.3c0 38.2 16.8 72.5 43.3 96c-.2 0-.4 0-.7 0H21.3C9.6 320 0 310.4 0 298.7zM405.3 320c-.2 0-.4 0-.7 0c26.6-23.5 43.3-57.8 43.3-96c0-7.6-.7-15-1.9-22.3c13.6-6.3 28.7-9.7 44.6-9.7h42.7C592.2 192 640 239.8 640 298.7c0 11.8-9.6 21.3-21.3 21.3H405.3zM416 224c0 53-43 96-96 96s-96-43-96-96s43-96 96-96s96 43 96 96zM128 485.3C128 411.7 187.7 352 261.3 352H378.7C452.3 352 512 411.7 512 485.3c0 14.7-11.9 26.7-26.7 26.7H154.7c-14.7 0-26.7-11.9-26.7-26.7z" /> </svg></a> </div> </div> </div> </div> </div> </div> </div>  <script> function globalNavDropdowns(e) { var t = this; let getScreenW = screen.width; getScreenW = getScreenW - 100; this.tpae_mega_effect = document.querySelector(e), this.root = this.tpae_mega_effect.querySelector(".navRoot"), this.primaryNav = this.root.querySelector(".navSection.primary"), this.primaryNavItem = this.root.querySelector(".navSection.primary .rootLink:last-child"), this.secondaryNavItem = this.root.querySelector(".navSection.secondary .rootLink:first-child"), this.checkCollision(), window.addEventListener("load", this.checkCollision.bind(this)), window.addEventListener("resize", this.checkCollision.bind(this)), this.tpae_mega_effect.classList.add("noDropdownTransition"), this.dropdownBackground = this.tpae_mega_effect.querySelector(".dropdownBackground"), this.dropdownBackgroundAlt = this.tpae_mega_effect.querySelector(".alternateBackground"), this.dropdownContainer = this.tpae_mega_effect.querySelector(".dropdownContainer"), this.dropdownInnerWidget = this.dropdownContainer.querySelector('.dropdown-menu-widgets-inner'), this.dropdownInnerListing = this.dropdownContainer.querySelector('.dropdown-menu-listing-inner'), this.dropdownArrow = this.tpae_mega_effect.querySelector(".dropdownArrow"), this.dropdownRoots = Strut.queryArray(".hasDropdown", this.root), this.dropdownSections = Strut.queryArray(".dropdownSection", this.tpae_mega_effect).map(function (e) { return { el: e, name: e.getAttribute("data-dropdown"), content: e.querySelector(".dropdownContent") } }); if(this.dropdownInnerWidget){ this.dropdownInnerWidget.style.width = getScreenW+"px"; } if(this.dropdownInnerListing && screen.width < 1400){ this.dropdownInnerListing.style.width = getScreenW+"px"; } var n = window.PointerEvent ? { end: "pointerup", enter: "pointerenter", leave: "pointerleave" } : { end: "touchend", enter: "mouseenter", leave: "mouseleave" }; this.dropdownRoots.forEach(function (e, r) { e.addEventListener(n.end, function (n) { n.preventDefault(), n.stopPropagation(), t.toggleDropdown(e) }), e.addEventListener(n.enter, function (n) { if (n.pointerType == "touch") return; t.stopCloseTimeout(), t.openDropdown(e) }), e.addEventListener(n.leave, function (e) { if (e.pointerType == "touch") return; t.startCloseTimeout() }) }), this.dropdownContainer.addEventListener(n.end, function (e) { e.stopPropagation() }), this.dropdownContainer.addEventListener(n.enter, function (e) { if (e.pointerType == "touch") return; t.stopCloseTimeout() }), this.dropdownContainer.addEventListener(n.leave, function (e) { if (e.pointerType == "touch") return; t.startCloseTimeout() }), document.body.addEventListener(n.end, function (e) { Strut.touch.isDragging || t.closeDropdown() }) } function globalNavPopup(e) { if(this){ var t = this, n = Strut.touch.isSupported ? "touchend" : "click"; this.activeClass = "globalPopupActive", this.root = document.querySelector(e), this.link = this && this.root ? this.root.querySelector(".rootLink") : '', this.popup ? this.popup = this.root.querySelector(".popup") : '', this.closeButton ? this.closeButton = this.root.querySelector(".popupCloseButton") : '', this.link ? this.link.addEventListener(n, function (e) { e.stopPropagation(), t.togglePopup() }) : '', this.popup ? this.popup.addEventListener(n, function (e) { e.stopPropagation() }) : '', this.closeButton ? this.closeButton && this.closeButton.addEventListener(n, function (e) { t.closeAllPopups() }) : '', document.body.addEventListener(n, function (e) { Strut.touch.isDragging || t.closeAllPopups() }, !1) } } (function () { window.$ && window.$.ajaxPrefilter && $(function () { return $.ajaxPrefilter(function (e, t, n) { var r, i; return i = $("meta[name=csrf-token]"), r = i ? i.attr("content") : "", n.setRequestHeader("x-stripe-csrf-token", r) }) }) }).call(this), function () { function i(e, t, n) { if (!("Analytics" in window)) return; n ? window.Analytics[e](t, { source: n }) : window.Analytics[e](t) } function s(e, t, n, r) { e.addEventListener("click", function (e) { i(t, n, r) }) } function o() { var n = document.querySelectorAll("[" + e + "]"); [].slice.call(n).forEach(function (n) { s(n, "action", n.getAttribute(e), n.getAttribute(t)) }) } function u(e) { var t = document.querySelectorAll("[" + n + "]"); [].slice.call(t).forEach(function (e) { s(e, "modal", e.getAttribute(n), e.getAttribute(r)) }) } var e = "data-analytics-action", t = "data-action-source", n = "data-analytics-modal", r = "data-modal-source"; document.addEventListener("DOMContentLoaded", function () { o(), u() }) }(), "use strict"; var Strut = { random: function (e, t) { return Math.random() * (t - e) + e }, arrayRandom: function (e) { return e[Math.floor(Math.random() * e.length)] }, interpolate: function (e, t, n) { return e * (1 - n) + t * n }, rangePosition: function (e, t, n) { return (n - e) / (t - e) }, clamp: function (e, t, n) { return Math.max(Math.min(e, n), t) }, queryArray: function (e, t) { return t || (t = document.body), Array.prototype.slice.call(t.querySelectorAll(e)) }, ready: function (e) { document.readyState !== "loading" ? e() : document.addEventListener("DOMContentLoaded", e) } }; Strut.isRetina = window.devicePixelRatio > 1.3, Strut.mobileViewportWidth = 670, Strut.isMobileViewport = window.innerWidth < Strut.mobileViewportWidth, window.addEventListener("resize", function () { Strut.isMobileViewport = window.innerWidth < Strut.mobileViewportWidth }), Strut.touch = { isSupported: "ontouchstart" in window || navigator.maxTouchPoints, isDragging: !1 }, document.addEventListener("DOMContentLoaded", function () { document.body.addEventListener("touchmove", function () { Strut.touch.isDragging = !0 }), document.body.addEventListener("touchstart", function () { Strut.touch.isDragging = !1 }) }), Strut.load = { images: function (e, t) { typeof e == "string" && (e = [e]); var n = -e.length; e.forEach(function (e) { var r = new Image; r.src = e, r.onload = function () { n++, n === 0 && t && t() } }) }, css: function (e, t) { var n = document.createElement("link"), r = window.readConfig("strut_files") || {}, i = r[e]; if (!i) throw new Error('CSS file "' + e + '" not found in strut_files config'); n.href = i, n.rel = "stylesheet", document.head.appendChild(n), t && (n.onload = t) }, js: function (e, t) { var n = document.createElement("script"), r = window.readConfig("strut_files") || {}, i = r[e]; if (!i) throw new Error('Javascript file "' + e + '" not found in strut_files config'); n.src = i, document.head.appendChild(n), t && (n.onload = t) } }, Strut.supports = { es6: function () { try { return new Function("(a = 0) => a"), !0 } catch (e) { return !1 } }(), pointerEvents: function () { var e = document.createElement("a").style; return e.cssText = "pointer-events:auto", e.pointerEvents === "auto" }(), positionSticky: function () { var e = "position:", t = "sticky", n = document.createElement("a"), r = n.style, i = " -webkit- -moz- -o- -ms- ".split(" "); return r.cssText = e + i.join(t + ";" + e).slice(0, -e.length), r.position.indexOf(t) !== -1 }(), masks: function () { return !/MSIE|Trident|Edge/i.test(navigator.userAgent) }() }, globalNavDropdowns.prototype.checkCollision = function () { var e = this; if (Strut.isMobileViewport) return; if (e.compact == 1) { var t = document.body.clientWidth, n = e.primaryNav.getBoundingClientRect(); n.left + n.width / 2 > t / 2 && (e.tpae_mega_effect.classList.remove("compact"), e.compact = !1) } else { var r = e.primaryNavItem.getBoundingClientRect() r.right && (e.tpae_mega_effect.classList.add("compact"), e.compact = !0) } }, globalNavDropdowns.prototype.openDropdown = function (e) { var t = this; if (this.activeDropdown === e) return; this.tpae_mega_effect.classList.add("overlayActive"), this.tpae_mega_effect.classList.add("dropdownActive"), this.activeDropdown = e, this.dropdownRoots.forEach(function (e, t) { e.classList.remove("active") }), e.classList.add("active"); var n = e.getAttribute("data-dropdown"), r = "left", i, s, o; this.dropdownSections.forEach(function (e) { e.el.classList.remove("active"), e.el.classList.remove("left"), e.el.classList.remove("right"), e.name == n ? (e.el.classList.add("active"), r = "right", i = e.content.offsetWidth, s = e.content.offsetHeight, o = e.content) : e.el.classList.add(r) }); var u = 520, a = 400, f = i / u, l = s / a, c = e.getBoundingClientRect(), h = c.left + c.width / 2 - i / 2; h = Math.round(Math.max(h, 10)), clearTimeout(this.disableTransitionTimeout), this.enableTransitionTimeout = setTimeout(function () { t.tpae_mega_effect.classList.remove("noDropdownTransition") }, 50), this.dropdownBackground.style.transform = "translateX(" + h + "px) scaleX(" + f + ") scaleY(" + l + ")", this.dropdownContainer.style.transform = "translateX(" + h + "px)", this.dropdownContainer.style.width = i + "px", this.dropdownContainer.style.height = s + "px"; var p = Math.round(c.left + c.width / 2); this.dropdownArrow.style.transform = "translateX(" + p + "px) rotate(45deg)"; var d = o.children[0].offsetHeight / l; this.dropdownBackgroundAlt.style.transform = "translateY(" + d + "px)" }, globalNavDropdowns.prototype.closeDropdown = function () { var e = this; if (!this.activeDropdown) return; this.dropdownRoots.forEach(function (e, t) { e.classList.remove("active") }), clearTimeout(this.enableTransitionTimeout), this.disableTransitionTimeout = setTimeout(function () { e.tpae_mega_effect.classList.add("noDropdownTransition") }, 50), this.tpae_mega_effect.classList.remove("overlayActive"), this.tpae_mega_effect.classList.remove("dropdownActive"), this.activeDropdown = undefined }, globalNavDropdowns.prototype.toggleDropdown = function (e) { this.activeDropdown === e ? this.closeDropdown() : this.openDropdown(e) }, globalNavDropdowns.prototype.startCloseTimeout = function () { var e = this; e.closeDropdownTimeout = setTimeout(function () { e.closeDropdown() }, 50) }, globalNavDropdowns.prototype.stopCloseTimeout = function () { var e = this; clearTimeout(e.closeDropdownTimeout) }, globalNavPopup.prototype.togglePopup = function () { var e = this.root.classList.contains(this.activeClass); this.closeAllPopups(!0), e || this.root.classList.add(this.activeClass) }, globalNavPopup.prototype.closeAllPopups = function (e) { var t = document.getElementsByClassName(this.activeClass); for (var n = 0; n < t.length; n++) t[n].classList.remove(this.activeClass) }, Strut.supports.pointerEvents || Strut.load.css("v3/shared/navigation_ie10.css"), Strut.ready(function () { new globalNavDropdowns(".globalNav"), new globalNavPopup(".globalNav .navSection.mobile"), new globalNavPopup(".globalFooterNav .select.country"), new globalNavPopup(".globalFooterNav .select.language") }); </script> </div> </div> </div> </div> <style>@media (max-width: 991px) and (min-width: 768px) {.elementor-element.elementor-column.elementor-element-effd2ea{width : 70% !important;}.elementor-element.elementor-column.elementor-element-effd2ea > .elementor-column{}}@media (max-width: 767px) {.elementor-element.elementor-column.elementor-element-effd2ea{width : 75% !important;}.elementor-element.elementor-column.elementor-element-effd2ea > .elementor-column{}}</style> <div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-effd2ea elementor-hidden-tablet elementor-hidden-mobile" data-id="effd2ea" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-18bf45e elementor-widget__width-initial elementor-widget elementor-widget-button" data-id="18bf45e" 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://store.posimyth.com/login/"> <span class="elementor-button-content-wrapper"> <span class="elementor-button-text">Login</span> </span> </a> </div> </div> </div> <div class="elementor-element elementor-element-667990a elementor-widget__width-initial elementor-widget elementor-widget-button" data-id="667990a" 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://theplusaddons.com/pricing/" target="_blank"> <span class="elementor-button-content-wrapper"> <span class="elementor-button-text">Get Started</span> </span> </a> </div> </div> </div> <div class="elementor-element elementor-element-665a2f7 elementor-widget__width-initial elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-tp-style-list" data-id="665a2f7" data-element_type="widget" data-widget_type="tp-style-list.default"> <div class="elementor-widget-container"> <div class="plus-stylist-list-wrapper " data-layout="{"desktop":"default","tablet":"default","mobile":"default"}" > <ul class="plus-icon-list-items d-flex-center"> <li id="tooltip67629f1dc2bdf" class="plus-icon-list-item elementor-repeater-item-ce61d12 active" data-local="true" > <a href="#"> <div class="plus-icon-list-icon "> <span><i aria-hidden="true" class="far fa-bell"></i></span> </div> <div class="plus-icon-list-text pin-hint-inline" > <span class="plus-hint-text right"> <span class="plus-hint-text-inner"> 2 </span> </span> </div> </a> </li> </ul> </div> </div> </div> </div> </div> </div> </section> </div> </div> </header> <div id="content" class="site-content"> <div class="nxt-container-fluid nxt-post-cont"> <div class="nxt-content-page-template post-152059 documents type-documents status-publish format-standard has-post-thumbnail hentry docs-plus-widgets docs-advanced-typography" post-id="152059"> <div data-elementor-type="nxt_builder" data-elementor-id="102453" class="elementor elementor-102453"> <div class="elementor-element elementor-element-9390497 e-flex e-con-boxed e-con e-parent" data-id="9390497" data-element_type="container" data-settings="{"background_background":"gradient","tpcp__live":"no"}"> <div class="e-con-inner"> <div class="elementor-element elementor-element-c7a0fae e-flex e-con-boxed e-con e-child" data-id="c7a0fae" data-element_type="container" data-settings="{"tpcp__live":"no"}"> <div class="e-con-inner"> <div class="elementor-element elementor-element-94e934f breadrankbar elementor-widget elementor-widget-shortcode" data-id="94e934f" data-element_type="widget" data-widget_type="shortcode.default"> <div class="elementor-widget-container"> <div class="elementor-shortcode"><nav aria-label="breadcrumbs" class="rank-math-breadcrumb"><p><a href="https://theplusaddons.com">Home</a><span class="separator"> » </span><a href="https://theplusaddons.com/docs/">Documents</a><span class="separator"> » </span><a href="https://theplusaddons.com/help/plus-widgets/">Plus Widgets</a></p></nav></div> </div> </div> <div class="elementor-element elementor-element-609c071 elementor-widget elementor-widget-tp-post-title" data-id="609c071" data-element_type="widget" data-widget_type="tp-post-title.default"> <div class="elementor-widget-container"> <div class="tp-post-title"><h1 class="tp-entry-title ">How to Add Magic Scroll Effect to Text in Elementor?</h1></div> </div> </div> <div class="elementor-element elementor-element-4cae18d post-modified-info elementor-widget elementor-widget-shortcode" data-id="4cae18d" data-element_type="widget" data-widget_type="shortcode.default"> <div class="elementor-widget-container"> <div class="elementor-shortcode"> Updated on June 24, 2024 by Editorial Team</div> </div> </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-9bc20f4 e-flex e-con-boxed e-con e-parent" data-id="9bc20f4" data-element_type="container" data-settings="{"tpcp__live":"no"}"> <div class="e-con-inner"> <div class="elementor-element elementor-element-455ffc02 poscon e-con-full e-flex e-con e-child" data-id="455ffc02" data-element_type="container" data-settings="{"background_background":"classic","tpcp__live":"no"}"> <div class="elementor-element elementor-element-5b25b4e7 elementor-widget elementor-widget-tp-table-content" data-id="5b25b4e7" data-element_type="widget" data-widget_type="tp-table-content.default"> <div class="elementor-widget-container"> <div class="tp-table-content tp-widget-tp-tbl67629f1dc7430 table-style-1" data-settings="{"tocSelector":".tp-toc","contentSelector":".docs-content","headingSelector":"h2,h3","isCollapsedClass":"","orderedList":false,"scrollSmooth":true,"headingsOffset":1,"scrollSmoothOffset":0,"scrollSmoothDuration":420,"positionFixedSelector":null,"fixedSidebarOffset":"auto","hasInnerContainers":true}" ><div class="tp-toc-wrap active " ><div class="tp-toc-heading "><span class="table-prefix-icon"><span>Table Of Content</span></span></div><div class="tp-toc toc"></div></div></div> </div> </div> <div class="elementor-element elementor-element-3a7580e4 docs-content elementor-widget elementor-widget-tp-post-content" data-id="3a7580e4" data-element_type="widget" data-widget_type="tp-post-content.default"> <div class="elementor-widget-container"> <div class="tp-post-content tp-wp-content"><p>Do you want to add a scroll effect to text in Elementor? The scrolling effect text allows text to smoothly flow or appear as the user scrolls down the page. Not only does it add a touch of creativity to your website, but it also helps to engage and captivate your audience.</p><p>With the Advanced Typography widget from The Plus Addons for Elementor, you can easily add a scroll effect to text in Elementor.</p><p><em>To check the complete feature overview documentation of The Plus Addons for Elementor Advanced Typography widget, <a href="https://theplusaddons.com/docs/advanced-typography/" target="_blank" rel="noreferrer noopener">click here</a>.</em></p><p><strong><em>Requirement  – This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.</em></strong></p><p>To do this, add the Advanced Typography widget to the page and follow the steps –</p><p>1. In the <strong>Advanced Typography</strong> tab, select <strong>Multiple</strong> from the <strong>Select Option</strong> dropdown.</p><p>2. Then add the required text in the repeater items under the <strong>Text Listing</strong> section.</p><p>3. Now open the text repeater item you want to add the scrolling effect to and enable the <strong>Magic Scroll</strong> toggle.</p><figure class="wp-block-image size-full"><img width="334" height="902" src="https://theplusaddons.com/wp-content/uploads/2024/05/advanced-typography-magic-scroll.gif" data-adaptive="true" data-remove-src="true" data-src="https://theplusaddons.com/wp-content/uploads/2024/05/advanced-typography-magic-scroll.gif" data-count-lazy="2" fetchpriority="high" decoding="async"fetchpriority="high" decoding="async" width="334" height="902" alt="Advanced typography magic scroll how to add magic scroll effect to text in elementor? From the plus addons for elementor" class=" wp-image-152060" title="advanced typography magic scroll | The Plus Addons for Elementor" /></figure><p>From the <strong>Scroll Options</strong> section, you can set when the animation starts and ends by setting an offset and duration value.</p><p>4. From the <strong>Initial Position</strong> section under the <strong>Initial</strong> tab, you have to set the initial state of the text. Here, you’ll find the following options – </p><p><strong>(X) / Horizontal Distance</strong> – To set the initial horizontal position.</p><p><strong>(Y) / Vertical Distance</strong> – To set the initial vertical position.</p><p><strong>Opacity</strong> – To set the initial opacity.</p><p><strong>Scale Value</strong> – To set the initial scale value.</p><p><strong>Rotate Value</strong> – To set the initial rotate value.</p><p>4. Then, from the <strong>Final Position</strong> section under the <strong>Final</strong> tab, you have to set the final state of the text. You’ll find the same options as in the initial position.</p><p>Now, as per your settings, you’ll see that text animating back and forth as you scroll up and down.</p><figure class="wp-block-image size-full"><img width="490" height="569" src="https://theplusaddons.com/wp-content/uploads/2024/05/advanced-typography-magic-scroll-demo.gif" data-adaptive="true" data-remove-src="true" data-src="https://theplusaddons.com/wp-content/uploads/2024/05/advanced-typography-magic-scroll-demo.gif" data-count-lazy="3" fetchpriority="high" decoding="async"decoding="async" width="490" height="569" alt="Advanced typography magic scroll demo how to add magic scroll effect to text in elementor? From the plus addons for elementor" class=" wp-image-152061" title="advanced typography magic scroll demo | The Plus Addons for Elementor" /></figure><p class="interlink"><strong><em>Suggested Reading</em></strong>: <em><a href="https://theplusaddons.com/docs/add-mouse-move-parallax-effect-on-text-in-elementor/" target="_blank" rel="noreferrer noopener">How to Add Mouse Move Parallax Effect on Text in Elementor?</a></em></p></div> </div> </div> <div class="elementor-element elementor-element-2e28001c elementor-widget elementor-widget-html" data-id="2e28001c" data-element_type="widget" data-widget_type="html.default"> <div class="elementor-widget-container"> <style> .docs-content h2{ font-family: 'Plus Jakarta Sans', sans-serif !important; font-size: 25px !important; font-weight: 700 !important; line-height: 1.7em !important; color: #1D1D1D !important; } .docs-content h3{ font-family: 'Plus Jakarta Sans', sans-serif !important; !important; font-size: 23px !important; font-weight: 700 !important; line-height: 1.7em !important; color: #1D1D1D !important; } .docs-content h4{ font-family: 'Plus Jakarta Sans', sans-serif !important; font-size: 21px !important; font-weight: 600 !important; line-height: 1.7em !important; color: #1D1D1D !important; } .docs-content h5{ font-family: 'Plus Jakarta Sans', sans-serif !important; font-size: 18px !important; font-weight: 600 !important; line-height: 1.7em !important; color: #1D1D1D !important; } .docs-content .wp-block-image { background: #EDEDED !important; padding: 2em !important; display: flex; align-items: center; justify-content: center; margin: 1em 0em !important; } .docs-content a:link { text-decoration: underline !important; } .docs-content p a { color: #8072fc; } p.interlink { border-left: 3px solid #2244aa; /* Dark blue left border */ padding: 20px; border-radius: 5px; background-color: #cceeff; /* Light blue background color */ } </style> </div> </div> <div class="elementor-element elementor-element-11fd700 elementor-widget elementor-widget-html" data-id="11fd700" data-element_type="widget" data-widget_type="html.default"> <div class="elementor-widget-container"> <style> /* CSS for YouTube embed and subscribe ribbon */ .wp-block-embed .wp-block-embed__wrapper { position: relative !important; padding-bottom: 56.25%; /* This is for maintaining the 16:9 aspect ratio */ height: 0; overflow: hidden; } .wp-block-embed__wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; } .subscriber-ribbon-container { display: flex; align-items: center; padding: 1em 2em; background-color: #282828; color: #fff; margin-top: 2px; } .subscriber-ribbon-text { flex-grow: 1; text-align: center; } .subscriber-button-container { margin-left: 2em; } </style> <script type="pmdelayedscript" data-cfasync="false" data-no-optimize="1" data-no-defer="1" data-no-minify="1"> // JavaScript for adding subscriber ribbon below each YouTube embed document.addEventListener('DOMContentLoaded', function() { setTimeout(() => { var iframes = document.querySelectorAll('iframe[src*="youtube.com/embed"]'); for (var i = 0; i < iframes.length; i++) { var iframe = iframes[i]; var channelId = 'UCPChp9hLnrKX9FY1ZzFCyJw'; // Replace with your channel ID addSubscriberRibbon(iframe, channelId); } }, 2000); function addSubscriberRibbon(iframe, channelId) { var ribbonContainer = document.createElement('div'); ribbonContainer.classList.add('subscriber-ribbon-container'); var ribbonText = document.createElement('div'); ribbonText.classList.add('subscriber-ribbon-text'); ribbonText.textContent = 'Subscribe for more such WordPress Tutorials'; var buttonContainer = document.createElement('div'); buttonContainer.classList.add('subscriber-button-container'); var button = document.createElement('div'); button.classList.add('g-ytsubscribe'); button.dataset.channelid = channelId; button.dataset.layout = 'default'; button.dataset.theme = 'dark'; button.dataset.count = 'default'; ribbonContainer.appendChild(ribbonText); ribbonContainer.appendChild(buttonContainer); buttonContainer.appendChild(button); // Insert the ribbon container after the parent figure of the video iframe.parentNode.parentNode.insertBefore(ribbonContainer, iframe.parentNode.nextSibling); // Load YouTube Subscribe button script var script = document.createElement('script'); script.src = 'https://apis.google.com/js/platform.js'; script.defer = true; script.async = true; document.head.appendChild(script); } }); </script> </div> </div> <div class="elementor-element elementor-element-6d0b152f elementor-widget elementor-widget-tp-post-navigation" data-id="6d0b152f" data-element_type="widget" data-widget_type="tp-post-navigation.default"> <div class="elementor-widget-container"> <div class="tp-post-navigation tp-nav-trans tp-widget-tp-nav67629f1dcbff3 tp-nav-style-3"><div class="tp-post-nav tp-row"><div class="post-prev tp-col tp-col-md-6 tp-col-sm-6 tp-col-xs-12"><a href="https://theplusaddons.com/docs/mulitple-styles-on-a-text-in-elementor/" class="post_nav_link prev tp-nav-trans" rel="prev"><div class="tp-post-nav-hover-con perfmatters-lazy" style="background-size: cover;background-attachment: fixed;background-position: center center;background-repeat:no-repeat;" data-bg="https://theplusaddons.com/wp-content/uploads/2024/05/How-to-Add-Different-Styles-on-a-Text-in-Elementor_-1.jpg" ><div class="prev-post-content"><b>Previous Post</b><span>How to Combine Multiple Styles on a Text in Elementor?</span></div></div></a></div><div class="post-next tp-col tp-col-md-6 tp-col-sm-6 tp-col-xs-12"><a href="https://theplusaddons.com/docs/create-a-fullwidth-mega-menu-in-elementor/" class="post_nav_link next tp-nav-trans" rel="next"><div class="tp-post-nav-hover-con " style="background-image: url();background-size: cover;background-attachment: fixed;background-position: center center;background-repeat:no-repeat;"><div class="next-post-content"><b>Read Next</b><span>How to Create a Fullwidth Mega Menu in Elementor?</span></div></div></a></div></div></div> </div> </div> <div data-tp-sc-link="https://theplusaddons.com/pricing?utm_source=Docs&utm_medium=HorizontalBanner&utm_campaign=video" data-tp-sc-link-external="on" style="cursor: pointer" class="elementor-element elementor-element-bd9be8d videobanner elementor-widget elementor-widget-video" data-id="bd9be8d" data-element_type="widget" data-settings="{"video_type":"hosted","autoplay":"yes","mute":"yes","loop":"yes","play_on_mobile":"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 perfmatters-lazy" autoplay loop muted="muted" playsinline controlsList="nodownload" data-src="https://theplusaddons.com/wp-content/uploads/2020/10/The-Plus-Addons-for-Elementor-Horizontal-Banner-1.mp4" data-poster="https://theplusaddons.com/wp-content/uploads/2023/05/TPAE-Horizontal-Image-Banner.png"></video><noscript><video class="elementor-video" src="https://theplusaddons.com/wp-content/uploads/2020/10/The-Plus-Addons-for-Elementor-Horizontal-Banner-1.mp4" autoplay="" loop="" muted="muted" playsinline="" controlsList="nodownload" poster="https://theplusaddons.com/wp-content/uploads/2023/05/TPAE-Horizontal-Image-Banner.png"></video></noscript> </div> </div> </div> <div class="elementor-element elementor-element-6bbbcca3 elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="6bbbcca3" data-element_type="widget" data-widget_type="divider.default"> <div class="elementor-widget-container"> <div class="elementor-divider"> <span class="elementor-divider-separator"> </span> </div> </div> </div> <div class="elementor-element elementor-element-44be85c elementor-align-center elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="44be85c" 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://store.posimyth.com/helpdesk?utm_source=tpae&utm_medium=docs&utm_campaign=text" target="_blank"> <span class="elementor-icon-list-icon"> <i aria-hidden="true" class="fas fa-envelope"></i> </span> <span class="elementor-icon-list-text">Still in Doubt? Let us Assist You — Raise a Ticket Now</span> </a> </li> </ul> </div> </div> <div class="elementor-element elementor-element-d94ed82 elementor-widget-divider--view-line_text elementor-widget-divider--element-align-center elementor-widget elementor-widget-divider" data-id="d94ed82" data-element_type="widget" data-widget_type="divider.default"> <div class="elementor-widget-container"> <div class="elementor-divider"> <span class="elementor-divider-separator"> <span class="elementor-divider__text elementor-divider__element"> OR </span> </span> </div> </div> </div> <div class="elementor-element elementor-element-73d0619 elementor-align-center elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="73d0619" 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://theplusaddons.com/chat/?utm_source=tpae&utm_medium=docs&utm_campaign=text" target="_blank"> <span class="elementor-icon-list-icon"> <i aria-hidden="true" class="fas fa-robot"></i> </span> <span class="elementor-icon-list-text">Need Instant Answers? Ask our AI Bot Trained on 1000+ Docs & 300+ Videos</span> </a> </li> </ul> </div> </div> <div class="elementor-element elementor-element-144c5ef6 elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="144c5ef6" data-element_type="widget" data-widget_type="divider.default"> <div class="elementor-widget-container"> <div class="elementor-divider"> <span class="elementor-divider-separator"> </span> </div> </div> </div> <div class="elementor-element elementor-element-51f88fb elementor-widget elementor-widget-image" data-id="51f88fb" data-element_type="widget" data-widget_type="image.default"> <div class="elementor-widget-container"> <a href="https://www.facebook.com/groups/theplus4elementor/" target="_blank"> <img width="1024" height="147" src="https://theplusaddons.com/wp-content/uploads/2022/05/Join-Elementor-Facebook-Community-1024x147.webp" data-adaptive="true" data-remove-src="true" data-src="https://theplusaddons.com/wp-content/uploads/2022/05/Join-Elementor-Facebook-Community-1024x147.webp" data-count-lazy="4" fetchpriority="high" decoding="async"loading="lazy" width="1024" height="147" class=" attachment-large size-large wp-image-127249" alt="" sizes="(max-width: 1024px) 100vw, 1024px" /> </a> </div> </div> </div> <div class="elementor-element elementor-element-3e58b055 e-con-full e-flex e-con e-child" data-id="3e58b055" data-element_type="container" data-settings="{"tpcp__live":"no"}"> <div class="elementor-element elementor-element-eaf29e8 e-flex e-con-boxed e-con e-child" data-id="eaf29e8" data-element_type="container" data-settings="{"background_background":"classic","tpcp__live":"no"}"> <div class="e-con-inner"> <div class="elementor-element elementor-element-15074f7 elementor-widget elementor-widget-image" data-id="15074f7" data-element_type="widget" data-widget_type="image.default"> <div class="elementor-widget-container"> <img width="1000" height="1000" src="https://theplusaddons.com/wp-content/uploads/2023/08/ElementorPerformanceGuide.webp" data-adaptive="true" data-remove-src="true" data-src="https://theplusaddons.com/wp-content/uploads/2023/08/ElementorPerformanceGuide.webp" data-count-lazy="5" fetchpriority="high" decoding="async"loading="lazy" width="1000" height="1000" class=" attachment-large size-large wp-image-127310" alt="" sizes="(max-width: 1000px) 100vw, 1000px" /> </div> </div> <div class="elementor-element elementor-element-0a9cc5e elementor-widget elementor-widget-heading" data-id="0a9cc5e" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h5 class="elementor-heading-title elementor-size-default">Get Free 25+ Secrets to Make Elementor Website Faster [Guaranteed Results]</h5> </div> </div> <div class="elementor-element elementor-element-f68b29d elementor-widget elementor-widget-tp-contact-form-7" data-id="f68b29d" data-element_type="widget" data-widget_type="tp-contact-form-7.default"> <div class="elementor-widget-container"> <div class="theplus-contact-form style-1 plus-cf7-label text-center after " > <div class="wpcf7 no-js" id="wpcf7-f127306-o1" lang="en-US" dir="ltr" data-wpcf7-id="127306"> <div class="screen-reader-response"><p role="status" aria-live="polite" aria-atomic="true"></p> <ul></ul></div> <form action="/docs/hide-header-on-scroll-down-effect-in-elementor/#wpcf7-f127306-o1" method="post" class="wpcf7-form init demo" aria-label="Contact form" novalidate="novalidate" data-status="init"> <div style="display: none;"> <input type="hidden" name="_wpcf7" value="127306" /> <input type="hidden" name="_wpcf7_version" value="6.0.1" /> <input type="hidden" name="_wpcf7_locale" value="en_US" /> <input type="hidden" name="_wpcf7_unit_tag" value="wpcf7-f127306-o1" /> <input type="hidden" name="_wpcf7_container_post" value="0" /> <input type="hidden" name="_wpcf7_posted_data_hash" value="" /> </div> <div class="tp-row"> <div class="tp-col-md-12"> <p><span class="wpcf7-form-control-wrap" data-name="full_name"><input size="40" maxlength="400" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required" aria-required="true" aria-invalid="false" placeholder="Your Name" value="" type="text" name="full_name" /></span> </p> </div> <div class="tp-col-md-12"> <p><span class="wpcf7-form-control-wrap" data-name="email"><input size="40" maxlength="400" class="wpcf7-form-control wpcf7-email wpcf7-text wpcf7-validates-as-email" aria-invalid="false" placeholder="Your Email" value="" type="email" name="email" /></span> </p> </div> <div class="tp-col-md-12"> <p><div class="cf7-cf-turnstile" style="margin-top: 0px; margin-bottom: -15px;"> <div id="cf-turnstile-cf7-2533047417" class="cf-turnstile" data-sitekey="0x4AAAAAAAJ7M-oQglUfi9TA" data-theme="light" data-language="auto" data-size="" data-retry="auto" data-retry-interval="1000" data-action="contact-form-7" data-appearance="always"></div> <script>document.addEventListener("DOMContentLoaded",(function(){var e=document.getElementById("cf-turnstile-cf7-2533047417");e&&!e.innerHTML.trim()&&(turnstile.remove("#cf-turnstile-cf7-2533047417"),turnstile.render("#cf-turnstile-cf7-2533047417",{sitekey:"0x4AAAAAAAJ7M-oQglUfi9TA"}))}));</script> <br class="cf-turnstile-br cf-turnstile-br-cf7-2533047417"> <script>document.addEventListener("DOMContentLoaded",function(){document.querySelectorAll('.wpcf7-form').forEach(function(e){e.addEventListener('submit',function(){if(document.getElementById('cf-turnstile-cf7-2533047417')){setTimeout(function(){turnstile.reset('#cf-turnstile-cf7-2533047417');},1000)}})})});</script> </div><br/><input class="wpcf7-form-control wpcf7-submit has-spinner" type="submit" value="Download Now" /> </p> </div> </div><div class="wpcf7-response-output" aria-hidden="true"></div> </form> </div> </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-6af3aa5 e-flex e-con-boxed e-con e-child" data-id="6af3aa5" data-element_type="container" data-settings="{"background_background":"classic","tpcp__live":"no"}"> <div class="e-con-inner"> <div class="elementor-element elementor-element-3fb119b elementor-widget elementor-widget-image" data-id="3fb119b" data-element_type="widget" data-widget_type="image.default"> <div class="elementor-widget-container"> <a href="https://youtube.com/@posimyth/?sub_confirmation=1" target="_blank"> <img width="500" height="500" src="https://theplusaddons.com/wp-content/uploads/2022/05/Subcribe-Elementor-Banner.webp" data-adaptive="true" data-remove-src="true" data-src="https://theplusaddons.com/wp-content/uploads/2022/05/Subcribe-Elementor-Banner.webp" data-count-lazy="6" fetchpriority="high" decoding="async"loading="lazy" width="500" height="500" class=" attachment-large size-large wp-image-128283" alt="" sizes="(max-width: 500px) 100vw, 500px" /> </a> </div> </div> <div class="elementor-element elementor-element-2ad8d0f elementor-widget elementor-widget-heading" data-id="2ad8d0f" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h5 class="elementor-heading-title elementor-size-default">Subscribe to our YouTube Channel for Elementor Tutorials </h5> </div> </div> <div class="elementor-element elementor-element-20a3f26 elementor-align-justify elementor-widget elementor-widget-button" data-id="20a3f26" 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-md" href="https://youtube.com/@posimyth/?sub_confirmation=1" target="_blank"> <span class="elementor-button-content-wrapper"> <span class="elementor-button-icon"> <i aria-hidden="true" class="fab fa-youtube"></i> </span> <span class="elementor-button-text">Subscribe Now</span> </span> </a> </div> </div> </div> <div class="elementor-element elementor-element-24f3bd6 elementor-widget elementor-widget-heading" data-id="24f3bd6" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h6 class="elementor-heading-title elementor-size-default">New Video Every Week!</h6> </div> </div> </div> </div> <div class="elementor-element elementor-element-1064b2a e-flex e-con-boxed e-con e-child" data-id="1064b2a" data-element_type="container" data-settings="{"background_background":"classic","tpcp__live":"no"}"> <div class="e-con-inner"> <div class="elementor-element elementor-element-16ffb21 elementor-widget elementor-widget-image" data-id="16ffb21" data-element_type="widget" data-widget_type="image.default"> <div class="elementor-widget-container"> <a href="https://uichemy.com/?utm_source=ThePlusAddons&utm_medium=Banner&utm_campaign=BlogSideBar" target="_blank"> <img width="1024" height="576" src="https://theplusaddons.com/wp-content/uploads/2023/11/uichemy-product-video-convert-fi-1024x576.webp" data-adaptive="true" data-remove-src="true" data-src="https://theplusaddons.com/wp-content/uploads/2023/11/uichemy-product-video-convert-fi-1024x576.webp" data-count-lazy="7" fetchpriority="high" decoding="async"loading="lazy" width="1024" height="576" class=" attachment-large size-large wp-image-130495" alt="" sizes="(max-width: 1024px) 100vw, 1024px" /> </a> </div> </div> <div class="elementor-element elementor-element-4d96149 elementor-widget elementor-widget-heading" data-id="4d96149" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h5 class="elementor-heading-title elementor-size-default">Automatically Convert Figma Designs to 100% Editable Elementor Website</h5> </div> </div> <div class="elementor-element elementor-element-998b078 elementor-align-justify elementor-widget elementor-widget-button" data-id="998b078" 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-md" href="https://uichemy.com/?utm_source=ThePlusAddons&utm_medium=Banner&utm_campaign=BlogSideBar" target="_blank"> <span class="elementor-button-content-wrapper"> <span class="elementor-button-icon"> <i aria-hidden="true" class="fab fa-figma"></i> </span> <span class="elementor-button-text">Convert Now</span> </span> </a> </div> </div> </div> </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-ece0345 e-flex e-con-boxed e-con e-parent" data-id="ece0345" data-element_type="container" data-settings="{"tpcp__live":"no"}"> <div class="e-con-inner"> <div class="elementor-element elementor-element-c121e86 e-con-full e-flex e-con e-child" data-id="c121e86" data-element_type="container" data-settings="{"tpcp__live":"no"}"> <div class="elementor-element elementor-element-fcf8718 elementor-widget-divider--view-line_text elementor-widget-divider--element-align-left elementor-widget elementor-widget-divider" data-id="fcf8718" data-element_type="widget" data-widget_type="divider.default"> <div class="elementor-widget-container"> <div class="elementor-divider"> <span class="elementor-divider-separator"> <h4 class="elementor-divider__text elementor-divider__element"> Related Docs </h4> </span> </div> </div> </div> <div class="elementor-element elementor-element-3ded980 elementor-widget elementor-widget-tp-dynamic-listing" data-id="3ded980" data-element_type="widget" data-widget_type="tp-dynamic-listing.default"> <div class="elementor-widget-container"> <div id="pt-plus-dynamic-listing" class="dynamic-listing post67629f1f1cb07 list-isotope dynamic-listing-custom hover-image- tp-dy-l-type-related_post " data-layout-type="fitRows" data-id="post67629f1f1cb07" data-style="custom" dir= data-enable-isotope="1"><div id="post67629f1f1cb07" class="tp-row post-inner-loop post67629f1f1cb07 tp_list" " data-widgetId = 3ded980><div class="grid-item metro-item tp-col-lg-6 tp-col-md-12 tp-col-sm-12 tp-col-12 "> <article id="post-163250" class="post-163250 documents type-documents status-publish format-standard has-post-thumbnail hentry docs-plus-widgets docs-wp-login-register"> <div class="blog-list-content"> <div data-elementor-type="section" data-elementor-id="102552" class="elementor elementor-102552"> <div class="elementor-element elementor-element-9a9a93d e-flex e-con-boxed e-con e-parent" data-id="9a9a93d" data-element_type="container" data-settings="{"tpcp__live":"no"}"> <div class="e-con-inner"> <div class="elementor-element elementor-element-fbfa1c5 elementor-view-default elementor-widget elementor-widget-icon" data-id="fbfa1c5" data-element_type="widget" data-widget_type="icon.default"> <div class="elementor-widget-container"> <div class="elementor-icon-wrapper"> <div class="elementor-icon"> <i aria-hidden="true" class="far fa-file-alt"></i> </div> </div> </div> </div> <div class="elementor-element elementor-element-8dca86f elementor-widget elementor-widget-tp-post-title" data-id="8dca86f" data-element_type="widget" data-widget_type="tp-post-title.default"> <div class="elementor-widget-container"> <div class="tp-post-title"><a class="" href="https://theplusaddons.com/docs/show-google-sign-in-with-both-login-and-registration-forms-in-elementor/" ><h6 class="tp-entry-title ">How to Show Google Sign-in with Both Login and Registration Forms in Elementor?</h6></a></div> </div> </div> </div> </div> </div> </div> </article> </div><div class="grid-item metro-item tp-col-lg-6 tp-col-md-12 tp-col-sm-12 tp-col-12 "> <article id="post-162172" class="post-162172 documents type-documents status-publish format-standard has-post-thumbnail hentry docs-plus-widgets docs-social-sharing"> <div class="blog-list-content"> <div data-elementor-type="section" data-elementor-id="102552" class="elementor elementor-102552"> <div class="elementor-element elementor-element-9a9a93d e-flex e-con-boxed e-con e-parent" data-id="9a9a93d" data-element_type="container" data-settings="{"tpcp__live":"no"}"> <div class="e-con-inner"> <div class="elementor-element elementor-element-fbfa1c5 elementor-view-default elementor-widget elementor-widget-icon" data-id="fbfa1c5" data-element_type="widget" data-widget_type="icon.default"> <div class="elementor-widget-container"> <div class="elementor-icon-wrapper"> <div class="elementor-icon"> <i aria-hidden="true" class="far fa-file-alt"></i> </div> </div> </div> </div> <div class="elementor-element elementor-element-8dca86f elementor-widget elementor-widget-tp-post-title" data-id="8dca86f" data-element_type="widget" data-widget_type="tp-post-title.default"> <div class="elementor-widget-container"> <div class="tp-post-title"><a class="" href="https://theplusaddons.com/docs/add-social-share-toggle-button-in-elementor/" ><h6 class="tp-entry-title ">How to Add Social Share Toggle Button in Elementor?</h6></a></div> </div> </div> </div> </div> </div> </div> </article> </div><div class="grid-item metro-item tp-col-lg-6 tp-col-md-12 tp-col-sm-12 tp-col-12 "> <article id="post-162173" class="post-162173 documents type-documents status-publish format-standard has-post-thumbnail hentry docs-plus-widgets docs-social-sharing"> <div class="blog-list-content"> <div data-elementor-type="section" data-elementor-id="102552" class="elementor elementor-102552"> <div class="elementor-element elementor-element-9a9a93d e-flex e-con-boxed e-con e-parent" data-id="9a9a93d" data-element_type="container" data-settings="{"tpcp__live":"no"}"> <div class="e-con-inner"> <div class="elementor-element elementor-element-fbfa1c5 elementor-view-default elementor-widget elementor-widget-icon" data-id="fbfa1c5" data-element_type="widget" data-widget_type="icon.default"> <div class="elementor-widget-container"> <div class="elementor-icon-wrapper"> <div class="elementor-icon"> <i aria-hidden="true" class="far fa-file-alt"></i> </div> </div> </div> </div> <div class="elementor-element elementor-element-8dca86f elementor-widget elementor-widget-tp-post-title" data-id="8dca86f" data-element_type="widget" data-widget_type="tp-post-title.default"> <div class="elementor-widget-container"> <div class="tp-post-title"><a class="" href="https://theplusaddons.com/docs/add-sticky-social-icons-in-elementor/" ><h6 class="tp-entry-title ">How to Add Sticky Social Icons in Elementor?</h6></a></div> </div> </div> </div> </div> </div> </div> </article> </div><div class="grid-item metro-item tp-col-lg-6 tp-col-md-12 tp-col-sm-12 tp-col-12 "> <article id="post-162163" class="post-162163 documents type-documents status-publish format-standard has-post-thumbnail hentry docs-plus-widgets docs-social-sharing"> <div class="blog-list-content"> <div data-elementor-type="section" data-elementor-id="102552" class="elementor elementor-102552"> <div class="elementor-element elementor-element-9a9a93d e-flex e-con-boxed e-con e-parent" data-id="9a9a93d" data-element_type="container" data-settings="{"tpcp__live":"no"}"> <div class="e-con-inner"> <div class="elementor-element elementor-element-fbfa1c5 elementor-view-default elementor-widget elementor-widget-icon" data-id="fbfa1c5" data-element_type="widget" data-widget_type="icon.default"> <div class="elementor-widget-container"> <div class="elementor-icon-wrapper"> <div class="elementor-icon"> <i aria-hidden="true" class="far fa-file-alt"></i> </div> </div> </div> </div> <div class="elementor-element elementor-element-8dca86f elementor-widget elementor-widget-tp-post-title" data-id="8dca86f" data-element_type="widget" data-widget_type="tp-post-title.default"> <div class="elementor-widget-container"> <div class="tp-post-title"><a class="" href="https://theplusaddons.com/docs/add-social-share-in-elementor/" ><h6 class="tp-entry-title ">How to Add Social Share in Elementor?</h6></a></div> </div> </div> </div> </div> </div> </div> </article> </div><div class="grid-item metro-item tp-col-lg-6 tp-col-md-12 tp-col-sm-12 tp-col-12 "> <article id="post-161365" class="post-161365 documents type-documents status-publish format-standard has-post-thumbnail hentry docs-social-feed docs-footer-builder docs-plus-builder docs-plus-widgets"> <div class="blog-list-content"> <div data-elementor-type="section" data-elementor-id="102552" class="elementor elementor-102552"> <div class="elementor-element elementor-element-9a9a93d e-flex e-con-boxed e-con e-parent" data-id="9a9a93d" data-element_type="container" data-settings="{"tpcp__live":"no"}"> <div class="e-con-inner"> <div class="elementor-element elementor-element-fbfa1c5 elementor-view-default elementor-widget elementor-widget-icon" data-id="fbfa1c5" data-element_type="widget" data-widget_type="icon.default"> <div class="elementor-widget-container"> <div class="elementor-icon-wrapper"> <div class="elementor-icon"> <i aria-hidden="true" class="far fa-file-alt"></i> </div> </div> </div> </div> <div class="elementor-element elementor-element-8dca86f elementor-widget elementor-widget-tp-post-title" data-id="8dca86f" data-element_type="widget" data-widget_type="tp-post-title.default"> <div class="elementor-widget-container"> <div class="tp-post-title"><a class="" href="https://theplusaddons.com/docs/connect-social-feed-carousel-with-remote-carousel/" ><h6 class="tp-entry-title ">How to Connect Social Feed Carousel with Remote Carousel?</h6></a></div> </div> </div> </div> </div> </div> </div> </article> </div><div class="grid-item metro-item tp-col-lg-6 tp-col-md-12 tp-col-sm-12 tp-col-12 "> <article id="post-161130" class="post-161130 documents type-documents status-publish format-standard has-post-thumbnail hentry docs-social-feed docs-footer-builder docs-plus-builder docs-plus-widgets"> <div class="blog-list-content"> <div data-elementor-type="section" data-elementor-id="102552" class="elementor elementor-102552"> <div class="elementor-element elementor-element-9a9a93d e-flex e-con-boxed e-con e-parent" data-id="9a9a93d" data-element_type="container" data-settings="{"tpcp__live":"no"}"> <div class="e-con-inner"> <div class="elementor-element elementor-element-fbfa1c5 elementor-view-default elementor-widget elementor-widget-icon" data-id="fbfa1c5" data-element_type="widget" data-widget_type="icon.default"> <div class="elementor-widget-container"> <div class="elementor-icon-wrapper"> <div class="elementor-icon"> <i aria-hidden="true" class="far fa-file-alt"></i> </div> </div> </div> </div> <div class="elementor-element elementor-element-8dca86f elementor-widget elementor-widget-tp-post-title" data-id="8dca86f" data-element_type="widget" data-widget_type="tp-post-title.default"> <div class="elementor-widget-container"> <div class="tp-post-title"><a class="" href="https://theplusaddons.com/docs/create-a-multi-social-media-wall-feed-in-elementor/" ><h6 class="tp-entry-title ">How to Create a Multi-Social Media Wall Feed in Elementor?</h6></a></div> </div> </div> </div> </div> </div> </div> </article> </div><div class="grid-item metro-item tp-col-lg-6 tp-col-md-12 tp-col-sm-12 tp-col-12 "> <article id="post-161072" class="post-161072 documents type-documents status-publish format-standard has-post-thumbnail hentry docs-social-feed docs-footer-builder docs-plus-builder docs-plus-widgets"> <div class="blog-list-content"> <div data-elementor-type="section" data-elementor-id="102552" class="elementor elementor-102552"> <div class="elementor-element elementor-element-9a9a93d e-flex e-con-boxed e-con e-parent" data-id="9a9a93d" data-element_type="container" data-settings="{"tpcp__live":"no"}"> <div class="e-con-inner"> <div class="elementor-element elementor-element-fbfa1c5 elementor-view-default elementor-widget elementor-widget-icon" data-id="fbfa1c5" data-element_type="widget" data-widget_type="icon.default"> <div class="elementor-widget-container"> <div class="elementor-icon-wrapper"> <div class="elementor-icon"> <i aria-hidden="true" class="far fa-file-alt"></i> </div> </div> </div> </div> <div class="elementor-element elementor-element-8dca86f elementor-widget elementor-widget-tp-post-title" data-id="8dca86f" data-element_type="widget" data-widget_type="tp-post-title.default"> <div class="elementor-widget-container"> <div class="tp-post-title"><a class="" href="https://theplusaddons.com/docs/add-vimeo-channel-feed-in-elementor/" ><h6 class="tp-entry-title ">How to Add Vimeo Channel Feed in Elementor?</h6></a></div> </div> </div> </div> </div> </div> </div> </article> </div><div class="grid-item metro-item tp-col-lg-6 tp-col-md-12 tp-col-sm-12 tp-col-12 "> <article id="post-161011" class="post-161011 documents type-documents status-publish format-standard has-post-thumbnail hentry docs-social-feed docs-footer-builder docs-plus-builder docs-plus-widgets"> <div class="blog-list-content"> <div data-elementor-type="section" data-elementor-id="102552" class="elementor elementor-102552"> <div class="elementor-element elementor-element-9a9a93d e-flex e-con-boxed e-con e-parent" data-id="9a9a93d" data-element_type="container" data-settings="{"tpcp__live":"no"}"> <div class="e-con-inner"> <div class="elementor-element elementor-element-fbfa1c5 elementor-view-default elementor-widget elementor-widget-icon" data-id="fbfa1c5" data-element_type="widget" data-widget_type="icon.default"> <div class="elementor-widget-container"> <div class="elementor-icon-wrapper"> <div class="elementor-icon"> <i aria-hidden="true" class="far fa-file-alt"></i> </div> </div> </div> </div> <div class="elementor-element elementor-element-8dca86f elementor-widget elementor-widget-tp-post-title" data-id="8dca86f" data-element_type="widget" data-widget_type="tp-post-title.default"> <div class="elementor-widget-container"> <div class="tp-post-title"><a class="" href="https://theplusaddons.com/docs/add-live-youtube-video-feed-in-elementor/" ><h6 class="tp-entry-title ">How to Add Live YouTube Video Feed in Elementor?</h6></a></div> </div> </div> </div> </div> </div> </div> </article> </div><div class="grid-item metro-item tp-col-lg-6 tp-col-md-12 tp-col-sm-12 tp-col-12 "> <article id="post-160847" class="post-160847 documents type-documents status-publish format-standard has-post-thumbnail hentry docs-social-feed docs-footer-builder docs-plus-builder docs-plus-widgets"> <div class="blog-list-content"> <div data-elementor-type="section" data-elementor-id="102552" class="elementor elementor-102552"> <div class="elementor-element elementor-element-9a9a93d e-flex e-con-boxed e-con e-parent" data-id="9a9a93d" data-element_type="container" data-settings="{"tpcp__live":"no"}"> <div class="e-con-inner"> <div class="elementor-element elementor-element-fbfa1c5 elementor-view-default elementor-widget elementor-widget-icon" data-id="fbfa1c5" data-element_type="widget" data-widget_type="icon.default"> <div class="elementor-widget-container"> <div class="elementor-icon-wrapper"> <div class="elementor-icon"> <i aria-hidden="true" class="far fa-file-alt"></i> </div> </div> </div> </div> <div class="elementor-element elementor-element-8dca86f elementor-widget elementor-widget-tp-post-title" data-id="8dca86f" data-element_type="widget" data-widget_type="tp-post-title.default"> <div class="elementor-widget-container"> <div class="tp-post-title"><a class="" href="https://theplusaddons.com/docs/get-a-youtube-api-key-for-wordpress/" ><h6 class="tp-entry-title ">How to Get a YouTube API Key for WordPress? (Easy Method)</h6></a></div> </div> </div> </div> </div> </div> </div> </article> </div><div class="grid-item metro-item tp-col-lg-6 tp-col-md-12 tp-col-sm-12 tp-col-12 "> <article id="post-160845" class="post-160845 documents type-documents status-publish format-standard has-post-thumbnail hentry docs-social-feed docs-footer-builder docs-plus-builder docs-plus-widgets"> <div class="blog-list-content"> <div data-elementor-type="section" data-elementor-id="102552" class="elementor elementor-102552"> <div class="elementor-element elementor-element-9a9a93d e-flex e-con-boxed e-con e-parent" data-id="9a9a93d" data-element_type="container" data-settings="{"tpcp__live":"no"}"> <div class="e-con-inner"> <div class="elementor-element elementor-element-fbfa1c5 elementor-view-default elementor-widget elementor-widget-icon" data-id="fbfa1c5" data-element_type="widget" data-widget_type="icon.default"> <div class="elementor-widget-container"> <div class="elementor-icon-wrapper"> <div class="elementor-icon"> <i aria-hidden="true" class="far fa-file-alt"></i> </div> </div> </div> </div> <div class="elementor-element elementor-element-8dca86f elementor-widget elementor-widget-tp-post-title" data-id="8dca86f" data-element_type="widget" data-widget_type="tp-post-title.default"> <div class="elementor-widget-container"> <div class="tp-post-title"><a class="" href="https://theplusaddons.com/docs/get-a-vimeo-access-token-for-wordpress/" ><h6 class="tp-entry-title ">How to Get a Vimeo Access Token for WordPress? (Easy Method)</h6></a></div> </div> </div> </div> </div> </div> </div> </article> </div><div class="grid-item metro-item tp-col-lg-6 tp-col-md-12 tp-col-sm-12 tp-col-12 "> <article id="post-160828" class="post-160828 documents type-documents status-publish format-standard has-post-thumbnail hentry docs-social-feed docs-footer-builder docs-plus-builder docs-plus-widgets"> <div class="blog-list-content"> <div data-elementor-type="section" data-elementor-id="102552" class="elementor elementor-102552"> <div class="elementor-element elementor-element-9a9a93d e-flex e-con-boxed e-con e-parent" data-id="9a9a93d" data-element_type="container" data-settings="{"tpcp__live":"no"}"> <div class="e-con-inner"> <div class="elementor-element elementor-element-fbfa1c5 elementor-view-default elementor-widget elementor-widget-icon" data-id="fbfa1c5" data-element_type="widget" data-widget_type="icon.default"> <div class="elementor-widget-container"> <div class="elementor-icon-wrapper"> <div class="elementor-icon"> <i aria-hidden="true" class="far fa-file-alt"></i> </div> </div> </div> </div> <div class="elementor-element elementor-element-8dca86f elementor-widget elementor-widget-tp-post-title" data-id="8dca86f" data-element_type="widget" data-widget_type="tp-post-title.default"> <div class="elementor-widget-container"> <div class="tp-post-title"><a class="" href="https://theplusaddons.com/docs/get-an-instagram-access-token-for-wordpress/" ><h6 class="tp-entry-title ">How to Get an Instagram Access Token for WordPress? (Easy Method)</h6></a></div> </div> </div> </div> </div> </div> </div> </article> </div><div class="grid-item metro-item tp-col-lg-6 tp-col-md-12 tp-col-sm-12 tp-col-12 "> <article id="post-160823" class="post-160823 documents type-documents status-publish format-standard has-post-thumbnail hentry docs-social-feed docs-footer-builder docs-plus-builder docs-plus-widgets"> <div class="blog-list-content"> <div data-elementor-type="section" data-elementor-id="102552" class="elementor elementor-102552"> <div class="elementor-element elementor-element-9a9a93d e-flex e-con-boxed e-con e-parent" data-id="9a9a93d" data-element_type="container" data-settings="{"tpcp__live":"no"}"> <div class="e-con-inner"> <div class="elementor-element elementor-element-fbfa1c5 elementor-view-default elementor-widget elementor-widget-icon" data-id="fbfa1c5" data-element_type="widget" data-widget_type="icon.default"> <div class="elementor-widget-container"> <div class="elementor-icon-wrapper"> <div class="elementor-icon"> <i aria-hidden="true" class="far fa-file-alt"></i> </div> </div> </div> </div> <div class="elementor-element elementor-element-8dca86f elementor-widget elementor-widget-tp-post-title" data-id="8dca86f" data-element_type="widget" data-widget_type="tp-post-title.default"> <div class="elementor-widget-container"> <div class="tp-post-title"><a class="" href="https://theplusaddons.com/docs/get-a-facebook-access-token-for-wordpress/" ><h6 class="tp-entry-title ">How to Get a Facebook Access Token for WordPress? (Easy Method)</h6></a></div> </div> </div> </div> </div> </div> </div> </article> </div><div class="grid-item metro-item tp-col-lg-6 tp-col-md-12 tp-col-sm-12 tp-col-12 "> <article id="post-160809" class="post-160809 documents type-documents status-publish format-standard has-post-thumbnail hentry docs-social-feed docs-footer-builder docs-plus-builder docs-plus-widgets"> <div class="blog-list-content"> <div data-elementor-type="section" data-elementor-id="102552" class="elementor elementor-102552"> <div class="elementor-element elementor-element-9a9a93d e-flex e-con-boxed e-con e-parent" data-id="9a9a93d" data-element_type="container" data-settings="{"tpcp__live":"no"}"> <div class="e-con-inner"> <div class="elementor-element elementor-element-fbfa1c5 elementor-view-default elementor-widget elementor-widget-icon" data-id="fbfa1c5" data-element_type="widget" data-widget_type="icon.default"> <div class="elementor-widget-container"> <div class="elementor-icon-wrapper"> <div class="elementor-icon"> <i aria-hidden="true" class="far fa-file-alt"></i> </div> </div> </div> </div> <div class="elementor-element elementor-element-8dca86f elementor-widget elementor-widget-tp-post-title" data-id="8dca86f" data-element_type="widget" data-widget_type="tp-post-title.default"> <div class="elementor-widget-container"> <div class="tp-post-title"><a class="" href="https://theplusaddons.com/docs/add-live-instagram-feed-in-elementor/" ><h6 class="tp-entry-title ">How to Add Live Instagram Feed in Elementor? (Personal & Business)</h6></a></div> </div> </div> </div> </div> </div> </div> </article> </div><div class="grid-item metro-item tp-col-lg-6 tp-col-md-12 tp-col-sm-12 tp-col-12 "> <article id="post-160788" class="post-160788 documents type-documents status-publish format-standard has-post-thumbnail hentry docs-social-feed docs-footer-builder docs-plus-builder docs-plus-widgets"> <div class="blog-list-content"> <div data-elementor-type="section" data-elementor-id="102552" class="elementor elementor-102552"> <div class="elementor-element elementor-element-9a9a93d e-flex e-con-boxed e-con e-parent" data-id="9a9a93d" data-element_type="container" data-settings="{"tpcp__live":"no"}"> <div class="e-con-inner"> <div class="elementor-element elementor-element-fbfa1c5 elementor-view-default elementor-widget elementor-widget-icon" data-id="fbfa1c5" data-element_type="widget" data-widget_type="icon.default"> <div class="elementor-widget-container"> <div class="elementor-icon-wrapper"> <div class="elementor-icon"> <i aria-hidden="true" class="far fa-file-alt"></i> </div> </div> </div> </div> <div class="elementor-element elementor-element-8dca86f elementor-widget elementor-widget-tp-post-title" data-id="8dca86f" data-element_type="widget" data-widget_type="tp-post-title.default"> <div class="elementor-widget-container"> <div class="tp-post-title"><a class="" href="https://theplusaddons.com/docs/add-live-facebook-feed-in-elementor/" ><h6 class="tp-entry-title ">How to Add Live Facebook Feed in Elementor?</h6></a></div> </div> </div> </div> </div> </div> </div> </article> </div><div class="grid-item metro-item tp-col-lg-6 tp-col-md-12 tp-col-sm-12 tp-col-12 "> <article id="post-160758" class="post-160758 documents type-documents status-publish format-standard has-post-thumbnail hentry docs-social-feed docs-footer-builder docs-plus-builder docs-plus-widgets"> <div class="blog-list-content"> <div data-elementor-type="section" data-elementor-id="102552" class="elementor elementor-102552"> <div class="elementor-element elementor-element-9a9a93d e-flex e-con-boxed e-con e-parent" data-id="9a9a93d" data-element_type="container" data-settings="{"tpcp__live":"no"}"> <div class="e-con-inner"> <div class="elementor-element elementor-element-fbfa1c5 elementor-view-default elementor-widget elementor-widget-icon" data-id="fbfa1c5" data-element_type="widget" data-widget_type="icon.default"> <div class="elementor-widget-container"> <div class="elementor-icon-wrapper"> <div class="elementor-icon"> <i aria-hidden="true" class="far fa-file-alt"></i> </div> </div> </div> </div> <div class="elementor-element elementor-element-8dca86f elementor-widget elementor-widget-tp-post-title" data-id="8dca86f" data-element_type="widget" data-widget_type="tp-post-title.default"> <div class="elementor-widget-container"> <div class="tp-post-title"><a class="" href="https://theplusaddons.com/docs/social-feed-elementor-widget/" ><h6 class="tp-entry-title ">Social Feed Elementor Widget: Settings Overview</h6></a></div> </div> </div> </div> </div> </div> </div> </article> </div><div class="grid-item metro-item tp-col-lg-6 tp-col-md-12 tp-col-sm-12 tp-col-12 "> <article id="post-159868" class="post-159868 documents type-documents status-publish format-standard has-post-thumbnail hentry docs-plus-widgets docs-elementor-timeline"> <div class="blog-list-content"> <div data-elementor-type="section" data-elementor-id="102552" class="elementor elementor-102552"> <div class="elementor-element elementor-element-9a9a93d e-flex e-con-boxed e-con e-parent" data-id="9a9a93d" data-element_type="container" data-settings="{"tpcp__live":"no"}"> <div class="e-con-inner"> <div class="elementor-element elementor-element-fbfa1c5 elementor-view-default elementor-widget elementor-widget-icon" data-id="fbfa1c5" data-element_type="widget" data-widget_type="icon.default"> <div class="elementor-widget-container"> <div class="elementor-icon-wrapper"> <div class="elementor-icon"> <i aria-hidden="true" class="far fa-file-alt"></i> </div> </div> </div> </div> <div class="elementor-element elementor-element-8dca86f elementor-widget elementor-widget-tp-post-title" data-id="8dca86f" data-element_type="widget" data-widget_type="tp-post-title.default"> <div class="elementor-widget-container"> <div class="tp-post-title"><a class="" href="https://theplusaddons.com/docs/use-elementor-template-in-a-timeline/" ><h6 class="tp-entry-title ">How to Use Elementor Template in a Timeline?</h6></a></div> </div> </div> </div> </div> </div> </div> </article> </div><div class="grid-item metro-item tp-col-lg-6 tp-col-md-12 tp-col-sm-12 tp-col-12 "> <article id="post-159856" class="post-159856 documents type-documents status-publish format-standard has-post-thumbnail hentry docs-plus-widgets docs-elementor-timeline"> <div class="blog-list-content"> <div data-elementor-type="section" data-elementor-id="102552" class="elementor elementor-102552"> <div class="elementor-element elementor-element-9a9a93d e-flex e-con-boxed e-con e-parent" data-id="9a9a93d" data-element_type="container" data-settings="{"tpcp__live":"no"}"> <div class="e-con-inner"> <div class="elementor-element elementor-element-fbfa1c5 elementor-view-default elementor-widget elementor-widget-icon" data-id="fbfa1c5" data-element_type="widget" data-widget_type="icon.default"> <div class="elementor-widget-container"> <div class="elementor-icon-wrapper"> <div class="elementor-icon"> <i aria-hidden="true" class="far fa-file-alt"></i> </div> </div> </div> </div> <div class="elementor-element elementor-element-8dca86f elementor-widget elementor-widget-tp-post-title" data-id="8dca86f" data-element_type="widget" data-widget_type="tp-post-title.default"> <div class="elementor-widget-container"> <div class="tp-post-title"><a class="" href="https://theplusaddons.com/docs/add-iframe-content-in-elementor-timeline/" ><h6 class="tp-entry-title ">How to Add iFrame Content in Elementor Timeline?</h6></a></div> </div> </div> </div> </div> </div> </div> </article> </div><div class="grid-item metro-item tp-col-lg-6 tp-col-md-12 tp-col-sm-12 tp-col-12 "> <article id="post-159851" class="post-159851 documents type-documents status-publish format-standard has-post-thumbnail hentry docs-plus-widgets docs-elementor-timeline"> <div class="blog-list-content"> <div data-elementor-type="section" data-elementor-id="102552" class="elementor elementor-102552"> <div class="elementor-element elementor-element-9a9a93d e-flex e-con-boxed e-con e-parent" data-id="9a9a93d" data-element_type="container" data-settings="{"tpcp__live":"no"}"> <div class="e-con-inner"> <div class="elementor-element elementor-element-fbfa1c5 elementor-view-default elementor-widget elementor-widget-icon" data-id="fbfa1c5" data-element_type="widget" data-widget_type="icon.default"> <div class="elementor-widget-container"> <div class="elementor-icon-wrapper"> <div class="elementor-icon"> <i aria-hidden="true" class="far fa-file-alt"></i> </div> </div> </div> </div> <div class="elementor-element elementor-element-8dca86f elementor-widget elementor-widget-tp-post-title" data-id="8dca86f" data-element_type="widget" data-widget_type="tp-post-title.default"> <div class="elementor-widget-container"> <div class="tp-post-title"><a class="" href="https://theplusaddons.com/docs/add-a-button-in-elementor-timeline/" ><h6 class="tp-entry-title ">How to Add a Button in Elementor Timeline?</h6></a></div> </div> </div> </div> </div> </div> </div> </article> </div><div class="grid-item metro-item tp-col-lg-6 tp-col-md-12 tp-col-sm-12 tp-col-12 "> <article id="post-159821" class="post-159821 documents type-documents status-publish format-standard has-post-thumbnail hentry docs-elementor-timeline docs-plus-widgets"> <div class="blog-list-content"> <div data-elementor-type="section" data-elementor-id="102552" class="elementor elementor-102552"> <div class="elementor-element elementor-element-9a9a93d e-flex e-con-boxed e-con e-parent" data-id="9a9a93d" data-element_type="container" data-settings="{"tpcp__live":"no"}"> <div class="e-con-inner"> <div class="elementor-element elementor-element-fbfa1c5 elementor-view-default elementor-widget elementor-widget-icon" data-id="fbfa1c5" data-element_type="widget" data-widget_type="icon.default"> <div class="elementor-widget-container"> <div class="elementor-icon-wrapper"> <div class="elementor-icon"> <i aria-hidden="true" class="far fa-file-alt"></i> </div> </div> </div> </div> <div class="elementor-element elementor-element-8dca86f elementor-widget elementor-widget-tp-post-title" data-id="8dca86f" data-element_type="widget" data-widget_type="tp-post-title.default"> <div class="elementor-widget-container"> <div class="tp-post-title"><a class="" href="https://theplusaddons.com/docs/add-an-elementor-timeline/" ><h6 class="tp-entry-title ">How to Add an Elementor Timeline?</h6></a></div> </div> </div> </div> </div> </div> </div> </article> </div><div class="grid-item metro-item tp-col-lg-6 tp-col-md-12 tp-col-sm-12 tp-col-12 "> <article id="post-159669" class="post-159669 documents type-documents status-publish format-standard has-post-thumbnail hentry docs-plus-widgets docs-pricing-list"> <div class="blog-list-content"> <div data-elementor-type="section" data-elementor-id="102552" class="elementor elementor-102552"> <div class="elementor-element elementor-element-9a9a93d e-flex e-con-boxed e-con e-parent" data-id="9a9a93d" data-element_type="container" data-settings="{"tpcp__live":"no"}"> <div class="e-con-inner"> <div class="elementor-element elementor-element-fbfa1c5 elementor-view-default elementor-widget elementor-widget-icon" data-id="fbfa1c5" data-element_type="widget" data-widget_type="icon.default"> <div class="elementor-widget-container"> <div class="elementor-icon-wrapper"> <div class="elementor-icon"> <i aria-hidden="true" class="far fa-file-alt"></i> </div> </div> </div> </div> <div class="elementor-element elementor-element-8dca86f elementor-widget elementor-widget-tp-post-title" data-id="8dca86f" data-element_type="widget" data-widget_type="tp-post-title.default"> <div class="elementor-widget-container"> <div class="tp-post-title"><a class="" href="https://theplusaddons.com/docs/add-lottiefiles-to-the-pricing-list-in-elementor/" ><h6 class="tp-entry-title ">How to Add Lottiefiles to the Pricing List in Elementor?</h6></a></div> </div> </div> </div> </div> </div> </div> </article> </div></div></div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <footer id="nxt-footer" class="site-footer w-normal"><div class="nxt-footer-wrap" > <div class="nxt-container-fluid"> <div data-elementor-type="wp-post" data-elementor-id="66687" class="elementor elementor-66687"> <div class="elementor-element elementor-element-d0f3fd4 e-flex e-con-boxed e-con e-parent" data-id="d0f3fd4" data-element_type="container" data-settings="{"background_background":"classic","tpcp__live":"no"}"> <div class="e-con-inner"> <div class="elementor-element elementor-element-33a1445 e-con-full e-flex e-con e-child" data-id="33a1445" data-element_type="container" data-settings="{"tpcp__live":"no"}"> <div class="elementor-element elementor-element-6781992 elementor-widget elementor-widget-heading" data-id="6781992" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h2 class="elementor-heading-title elementor-size-default">1000+ Pre-Designed Elementor Templates & Sections </h2> </div> </div> <div class="elementor-element elementor-element-45f2c02 elementor-widget elementor-widget-wb-gncfxg24" data-id="45f2c02" data-element_type="widget" data-widget_type="wb-gncfxg24.default"> <div class="elementor-widget-container"> <div class="wkit-wb-Widget_gncfxg24" data-wdkitunique="gncfxg24"><div class="wkit-wdesignkit-feed" data-type="template" data-feed="id" data-total="" data-fid="13649 | 14371 | 14226 | 14341 | 13950 | 14041 | 14042 | 14126"> </div></div> </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-3542e92 e-flex e-con-boxed e-con e-parent" data-id="3542e92" data-element_type="container" data-settings="{"background_background":"gradient"}"> <div class="e-con-inner"> <div class="elementor-element elementor-element-8c79d42 elementor-widget elementor-widget-heading" data-id="8c79d42" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h2 class="elementor-heading-title elementor-size-default">One Elementor Addon to Replace them all!</h2> </div> </div> <div class="elementor-element elementor-element-827a7f7 elementor-widget-tablet__width-initial elementor-widget elementor-widget-text-editor" data-id="827a7f7" data-element_type="widget" data-widget_type="text-editor.default"> <div class="elementor-widget-container"> With the most extensive collection of 120+ Elementor widgets & extensions, The Plus Addons for Elementor <br>is the only Elementor addon you will ever need. </div> </div> <div class="elementor-element elementor-element-09151eb elementor-align-left elementor-mobile-align-justify elementor-widget elementor-widget-button" data-id="09151eb" data-element_type="widget" data-settings="{"_animation":"none"}" data-widget_type="button.default"> <div class="elementor-widget-container"> <div class="elementor-button-wrapper"> <a class="elementor-button elementor-button-link elementor-size-lg" href="https://theplusaddons.com/pricing" target="_blank"> <span class="elementor-button-content-wrapper"> <span class="elementor-button-text">Get Pro at Just $39</span> </span> </a> </div> </div> </div> <div class="elementor-element elementor-element-1a0863f elementor-widget elementor-widget-image" data-id="1a0863f" data-element_type="widget" data-widget_type="image.default"> <div class="elementor-widget-container"> <img width="2000" height="1401" src="https://theplusaddons.com/wp-content/uploads/2024/03/footer.webp" data-adaptive="true" data-remove-src="true" data-src="https://theplusaddons.com/wp-content/uploads/2024/03/footer.webp" data-count-lazy="8" fetchpriority="high" decoding="async"loading="lazy" width="4224" height="2961" class=" attachment-full size-full wp-image-146181" alt="" sizes="(max-width: 4224px) 100vw, 4224px" /> </div> </div> </div> </div> <div class="elementor-element elementor-element-67f27c5 e-flex e-con-boxed e-con e-parent" data-id="67f27c5" data-element_type="container" data-settings="{"background_background":"classic","tpcp__live":"no"}"> <div class="e-con-inner"> <div class="elementor-element elementor-element-8dca232 elementor-widget elementor-widget-heading" data-id="8dca232" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h2 class="elementor-heading-title elementor-size-default">The Premium Support you Deserve</h2> </div> </div> <div class="elementor-element elementor-element-bcf5689 e-flex e-con-boxed e-con e-child" data-id="bcf5689" data-element_type="container" data-settings="{"tpcp__live":"no"}"> <div class="e-con-inner"> <div class="elementor-element elementor-element-ad6eb50 elementor-widget__width-initial elementor-widget-tablet__width-initial elementor-widget-mobile__width-initial elementor-widget elementor-widget-tp-info-box" data-id="ad6eb50" data-element_type="widget" data-widget_type="tp-info-box.default"> <div class="elementor-widget-container"> <div id="info_box67627bd4d81fa" class="pt_plus_info_box hover_normal info_box67627bd4d81fa info-box-style_3 " data-id="info_box67627bd4d81fa" dir= data-connection="" data-eventtype="" ><div class="post-inner-loop "><a href="https://store.posimyth.com/helpdesk/" target=""> <div class="info-box-inner content_hover_effect content_hover_float tp-info-fbc" ><div class="info-box-bg-box service-border-box " ><div class="text-left"><div class="service-center "><div class="info-icon-content"><div class="service-icon-wrap"><span class=" service-icon "><svg xmlns="http://www.w3.org/2000/svg" width="22" height="20" viewBox="0 0 22 20" fill="none"><path d="M4.27597 8.22159L8.25431 4.25324L7.95481 3.95449C7.83244 3.83243 7.83244 3.63514 7.95481 3.51308C8.07717 3.39102 8.27496 3.39102 8.39733 3.51308L8.69683 3.81183L8.9181 4.03254L9.13936 4.25324L11.9529 7.05968C12.4542 7.55978 13.2692 7.55947 13.7705 7.05968C14.271 6.5602 14.271 5.74761 13.7712 5.24751L13.7705 5.24658L11.9926 3.47343L10.9567 2.44014L10.7355 2.21943L10.5142 1.99873L10.3759 1.86075L10.2147 1.69998L10.2069 1.70778C9.07958 0.663877 7.62526 0.0860443 6.07861 0.0860443C4.45498 0.0860443 2.92868 0.716946 1.78043 1.862C0.632178 3.00736 0 4.53014 0 6.14969C0 7.76925 0.632491 9.29203 1.78043 10.4374L1.92251 10.5791C1.9391 10.5613 1.95068 10.5407 1.9682 10.5232L4.27534 8.22159H4.27597Z" fill="white"></path><path d="M20.2228 1.77307C17.8525 -0.591022 13.9962 -0.591022 11.6255 1.77307L11.3992 1.99877L12.4351 3.03206L14.2131 4.8052L14.2137 4.80614C14.4853 5.07742 14.6553 5.41113 14.7285 5.76108C14.7614 5.9181 14.7708 6.07762 14.7636 6.23745C14.7432 6.69697 14.5639 7.15087 14.2131 7.50113C13.8406 7.87262 13.3512 8.05867 12.8617 8.05867C12.3725 8.05867 11.8831 7.87293 11.5107 7.50113L8.69715 4.69469L4.71787 8.66366L4.71755 8.66335L4.27628 9.10351L4.05502 9.32422L2.41041 10.965C2.3932 10.9822 2.381 11.0028 2.36472 11.0209C2.29212 11.102 2.23265 11.1898 2.18446 11.2828C2.13094 11.3858 2.08838 11.4929 2.06459 11.6046C1.97759 12.0152 2.09151 12.46 2.4101 12.7781C2.72932 13.0965 3.17497 13.2102 3.58652 13.1231C3.69824 13.0993 3.80559 13.0569 3.90887 13.0035C4.00181 12.9554 4.09007 12.8961 4.17144 12.8237C4.18959 12.8074 4.20993 12.7956 4.22714 12.7781L5.87206 11.1376L6.09332 10.9169L6.31458 10.6962L6.5346 10.4768C6.65696 10.3547 6.85475 10.3547 6.97712 10.4768C7.09949 10.5988 7.09949 10.7961 6.97712 10.9182L6.75711 11.1376L6.53585 11.3583L6.31458 11.579L4.66967 13.2195C4.65246 13.2367 4.63994 13.257 4.62398 13.2751C4.552 13.3553 4.49222 13.443 4.4434 13.5367C4.3902 13.6385 4.34701 13.7449 4.32291 13.8579C4.30445 13.9453 4.29349 14.0346 4.29349 14.1261C4.29349 14.4685 4.42713 14.7904 4.66967 15.0323C4.98889 15.3504 5.43486 15.4644 5.8464 15.3773C5.95812 15.3535 6.06547 15.3111 6.16875 15.2577C6.26169 15.2096 6.34995 15.1503 6.43132 15.0779C6.44947 15.0617 6.46981 15.0498 6.48734 15.0323L8.13194 13.3918L8.3532 13.1711L8.57447 12.9504L8.79448 12.731C8.91684 12.6089 9.11463 12.6089 9.237 12.731C9.35937 12.853 9.35937 13.0503 9.237 13.1724L9.01699 13.3918L8.79573 13.6125L8.57447 13.8332L6.92986 15.4737C6.91234 15.4912 6.90045 15.5115 6.88417 15.5296C6.81157 15.6108 6.75242 15.6985 6.70391 15.7915C6.65039 15.8945 6.60783 16.0019 6.58404 16.1134C6.49704 16.5239 6.61096 16.9684 6.92986 17.2868C7.17241 17.5288 7.49538 17.6621 7.83839 17.6621C7.93008 17.6621 8.01959 17.6511 8.10722 17.6327C8.11066 17.6321 8.11379 17.6305 8.11723 17.6296C7.92038 17.3908 7.78737 17.1108 7.72541 16.8104C7.69943 16.684 7.68535 16.5541 7.68535 16.4221C7.68535 16.3921 7.68848 16.3628 7.68973 16.3331C7.71164 15.8577 7.90536 15.4132 8.24492 15.0744C8.53159 14.7885 8.89369 14.6068 9.28614 14.5431C9.38785 14.5266 9.49112 14.5163 9.59597 14.5163C9.63321 14.5163 9.66982 14.5197 9.70675 14.5216C9.80189 14.5269 9.89578 14.5378 9.98779 14.5569C9.97246 14.4832 9.96807 14.4089 9.9615 14.3343C9.94898 14.191 9.95086 14.0477 9.97089 13.9047C10.026 13.508 10.1994 13.1249 10.5045 12.8202C10.8653 12.4603 11.3454 12.2621 11.8555 12.2621C11.9889 12.2621 12.12 12.2764 12.2477 12.3027C12.1215 11.6946 12.2921 11.0368 12.7641 10.566C13.1249 10.2058 13.605 10.0076 14.1154 10.0076C14.2487 10.0076 14.3799 10.0219 14.5076 10.0482C14.3814 9.44004 14.552 8.78229 15.0243 8.31153C15.3754 7.96159 15.8304 7.78271 16.2911 7.76242C16.4513 7.75524 16.6113 7.7646 16.7687 7.79738C17.1198 7.87043 17.4547 8.04025 17.7267 8.31153L18.3892 8.9724L19.9953 10.5748L20.2219 10.3488C22.5926 7.98437 22.5926 4.13715 20.2228 1.77307Z" fill="white"></path><path d="M9.19127 19.5397C9.51049 19.8581 9.95614 19.9717 10.3677 19.8846L8.84576 18.3662C8.75844 18.7767 8.87236 19.2216 9.19127 19.5397Z" fill="white"></path><path d="M13.118 18.3182C13.0833 18.2137 13.0398 18.1116 12.9772 18.0173C12.9302 17.9464 12.8758 17.8793 12.8132 17.8169L12.7744 17.7782L11.1683 16.1761L10.957 15.9654L10.947 15.9554L10.7357 15.7447L10.7257 15.7347L10.5145 15.524L10.5057 15.5152C10.343 15.3529 10.1458 15.2489 9.93864 15.1921C9.8266 15.1615 9.71268 15.1406 9.5972 15.1406C9.26797 15.1406 8.93904 15.2652 8.68868 15.5152C8.44613 15.7572 8.3125 16.0793 8.3125 16.4215C8.3125 16.7636 8.44613 17.0858 8.68868 17.3277L8.69243 17.3315L8.70245 17.3414L8.91338 17.5519L8.92371 17.5622L9.12995 17.7679L9.13746 17.7754L9.14497 17.7829L9.3509 17.9883L10.9517 19.5853L10.9955 19.6291C11.0568 19.6902 11.1232 19.7436 11.193 19.7898C11.2887 19.8535 11.392 19.8981 11.4984 19.9334C11.946 20.082 12.458 19.9837 12.8132 19.6291C13.1684 19.275 13.2667 18.7643 13.118 18.3182Z" fill="white"></path><path d="M15.2373 15.763C15.1903 15.6922 15.1356 15.6247 15.0733 15.5623L15.0348 15.5239L13.4287 13.9218L13.2074 13.7011L12.9862 13.4804L12.7661 13.261C12.5236 13.019 12.2006 12.8857 11.8576 12.8857C11.5146 12.8857 11.1917 13.019 10.9491 13.261C10.5933 13.6159 10.4953 14.1276 10.6449 14.5743C10.7059 14.7566 10.8039 14.9289 10.9491 15.0738L10.9579 15.0825L11.1691 15.2932L11.1791 15.3032L11.3904 15.5139L11.4004 15.5239L11.6116 15.7346L13.2178 17.3367L13.2566 17.3754C13.3191 17.4378 13.3864 17.4922 13.4575 17.539C13.552 17.6011 13.6546 17.6445 13.7592 17.6792C14.2061 17.8271 14.7181 17.7294 15.0736 17.3754C15.4288 17.0208 15.5271 16.5104 15.3784 16.0643C15.3431 15.9597 15.2999 15.8576 15.2373 15.763Z" fill="white"></path><path d="M17.4966 13.5085C17.4497 13.4376 17.3949 13.3702 17.3323 13.3077L17.2938 13.2693L15.6877 11.6673L15.4664 11.4466L15.2452 11.2259L15.0252 11.0064C14.7826 10.7645 14.4597 10.6309 14.1167 10.6309C13.773 10.6309 13.4504 10.7645 13.2078 11.0064C12.7068 11.5062 12.7068 12.3191 13.2078 12.8192L13.4278 13.0386L13.6491 13.2594L13.8704 13.4801L15.4765 15.0821L15.515 15.1205C15.5775 15.183 15.6448 15.2376 15.7162 15.2844C15.8107 15.3469 15.9134 15.3902 16.0179 15.4249C16.4651 15.5732 16.9768 15.4752 17.3323 15.1205C17.6875 14.7662 17.7855 14.2555 17.6371 13.8097C17.6024 13.7051 17.5589 13.6031 17.4966 13.5085Z" fill="white"></path><path d="M19.7572 11.2552C19.7102 11.1843 19.6555 11.1169 19.5929 11.0544L19.5544 11.016L17.9483 9.41364L17.727 9.19294L17.5057 8.97223L17.2857 8.75277C16.7844 8.25298 15.9697 8.25298 15.4684 8.75277C14.9673 9.25256 14.9673 10.0658 15.4684 10.5659L15.6884 10.7853L15.9096 11.006L16.1309 11.2267L17.737 12.8288L17.7755 12.8672C17.8375 12.929 17.9051 12.9833 17.9767 13.0308C18.0703 13.0926 18.1727 13.1366 18.2781 13.1716C18.408 13.2147 18.5432 13.2424 18.684 13.2424C19.0274 13.2424 19.35 13.1091 19.5926 12.8672C19.9478 12.5129 20.0457 12.0025 19.8974 11.5564C19.863 11.4518 19.8195 11.3494 19.7572 11.2552Z" fill="white"></path></svg></span></div></div><h4 class="service-title "> Our Friendly Support </h4></div></div><div class="infobox-overlay-color "></div></div></div></a></div></div> </div> </div> <div class="elementor-element elementor-element-e2bdbbe elementor-widget__width-initial elementor-widget-tablet__width-initial elementor-widget-mobile__width-initial elementor-widget elementor-widget-tp-info-box" data-id="e2bdbbe" data-element_type="widget" data-widget_type="tp-info-box.default"> <div class="elementor-widget-container"> <div id="info_box67627bd4d93c9" class="pt_plus_info_box hover_normal info_box67627bd4d93c9 info-box-style_3 " data-id="info_box67627bd4d93c9" dir= data-connection="" data-eventtype="" ><div class="post-inner-loop "><a href="https://theplusaddons.com/docs" target=""> <div class="info-box-inner content_hover_effect content_hover_float tp-info-fbc" ><div class="info-box-bg-box service-border-box " ><div class="text-left"><div class="service-center "><div class="info-icon-content"><div class="service-icon-wrap"><span class=" service-icon "><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M12.8906 5.85938C12.1368 5.85938 11.5234 5.24605 11.5234 4.49219V0H4.53125C3.3466 0 2.38281 0.963789 2.38281 2.14844V17.8516C2.38281 19.0362 3.3466 20 4.53125 20H15.4688C16.6534 20 17.6172 19.0362 17.6172 17.8516V5.85938H12.8906ZM5.58594 14.0625H8.42656C8.75016 14.0625 9.0125 14.3248 9.0125 14.6484C9.0125 14.972 8.75016 15.2344 8.42656 15.2344H5.58594C5.26234 15.2344 5 14.972 5 14.6484C5 14.3248 5.26234 14.0625 5.58594 14.0625ZM5 11.5234C5 11.1998 5.26234 10.9375 5.58594 10.9375H14.1797C14.5033 10.9375 14.7656 11.1998 14.7656 11.5234C14.7656 11.847 14.5033 12.1094 14.1797 12.1094H5.58594C5.26234 12.1094 5 11.847 5 11.5234ZM14.1797 7.8125C14.5033 7.8125 14.7656 8.07484 14.7656 8.39844C14.7656 8.72203 14.5033 8.98438 14.1797 8.98438H5.58594C5.26234 8.98438 5 8.72203 5 8.39844C5 8.07484 5.26234 7.8125 5.58594 7.8125H14.1797Z" fill="white"></path><path d="M12.6953 4.49219C12.6953 4.59989 12.7829 4.6875 12.8906 4.6875H17.356C17.2488 4.48961 17.1109 4.30786 16.9453 4.1511L13.1788 0.587738C13.0326 0.449457 12.8698 0.334105 12.6954 0.243011V4.49219H12.6953Z" fill="white"></path></svg></span></div></div><h4 class="service-title "> Documentations </h4></div></div><div class="infobox-overlay-color "></div></div></div></a></div></div> </div> </div> <div class="elementor-element elementor-element-31c6aaf elementor-widget__width-initial elementor-widget-tablet__width-initial elementor-widget-mobile__width-initial elementor-widget elementor-widget-tp-info-box" data-id="31c6aaf" data-element_type="widget" data-widget_type="tp-info-box.default"> <div class="elementor-widget-container"> <div id="info_box67627bd4da507" class="pt_plus_info_box hover_normal info_box67627bd4da507 info-box-style_3 " data-id="info_box67627bd4da507" dir= data-connection="" data-eventtype="" ><div class="post-inner-loop "><a href="https://www.youtube.com/playlist?list=PLFRO-irWzXaLK9H5opSt88xueTnRhqvO5" target=""> <div class="info-box-inner content_hover_effect content_hover_float tp-info-fbc" ><div class="info-box-bg-box service-border-box " ><div class="text-left"><div class="service-center "><div class="info-icon-content"><div class="service-icon-wrap"><span class=" service-icon "><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M10 0C4.48566 0 0 4.48609 0 10C0 15.5139 4.48566 20 10 20C15.5143 20 20 15.5139 20 10C20 4.48609 15.5143 0 10 0ZM13.9754 10.3504L8.14211 14.1004C8.07375 14.1447 7.9948 14.1667 7.91668 14.1667C7.84832 14.1667 7.77914 14.1496 7.7173 14.1158C7.58301 14.0426 7.5 13.9026 7.5 13.75V6.25C7.5 6.09742 7.58301 5.95742 7.7173 5.88418C7.84914 5.81176 8.01434 5.81621 8.14211 5.89965L13.9754 9.64965C14.0943 9.72613 14.1667 9.8584 14.1667 10C14.1667 10.1416 14.0943 10.2738 13.9754 10.3504Z" fill="white"></path></svg></span></div></div><h4 class="service-title "> Detailed Video Tutorials </h4></div></div><div class="infobox-overlay-color "></div></div></div></a></div></div> </div> </div> <div class="elementor-element elementor-element-f6d72a4 elementor-widget__width-initial elementor-widget-tablet__width-initial elementor-widget-mobile__width-initial elementor-widget elementor-widget-tp-info-box" data-id="f6d72a4" data-element_type="widget" data-widget_type="tp-info-box.default"> <div class="elementor-widget-container"> <div id="info_box67627bd4db619" class="pt_plus_info_box hover_normal info_box67627bd4db619 info-box-style_3 " data-id="info_box67627bd4db619" dir= data-connection="" data-eventtype="" ><div class="post-inner-loop "><a href="https://www.facebook.com/groups/theplus4elementor/" target=""> <div class="info-box-inner content_hover_effect content_hover_float tp-info-fbc" ><div class="info-box-bg-box service-border-box " ><div class="text-left"><div class="service-center "><div class="info-icon-content"><div class="service-icon-wrap"><span class=" service-icon "><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><g clip-path="url(#clip0_6439_443)"><path d="M16.0221 17.1645C15.3733 18.2242 14.3096 18.7863 13.3488 19.2016C12.2922 19.6563 11.1576 19.9857 10.0018 20H9.99823C8.84237 19.9857 7.70779 19.6563 6.65121 19.2016C5.69036 18.7863 4.62669 18.2242 3.97785 17.1645C3.59493 16.5272 3.40347 15.7718 3.44247 15.0342C3.50275 13.9924 4.00622 13.0794 4.78979 12.5925C5.59818 12.0913 6.56966 12.1271 7.46315 12.3169C8.30345 12.4994 9.12956 12.9685 9.99823 13.0007H10.0018C10.8704 12.9685 11.6966 12.4994 12.5369 12.3169C13.4303 12.1271 14.4018 12.0913 15.2102 12.5925C15.9938 13.0794 16.4973 13.9924 16.5575 15.0342C16.5965 15.7718 16.4051 16.5272 16.0221 17.1645Z" fill="white"></path><path d="M5.9375 10.9309C5.69174 10.3682 5.55639 9.74459 5.55639 9.09231C5.55639 8.44002 5.68462 7.84149 5.93038 7.27163C5.64544 7.21429 5.35337 7.11394 5.0435 7.00283L5.00076 6.9885C4.48074 6.81288 3.88593 6.60859 3.2092 6.56917C2.60014 6.52974 2.02669 6.66594 1.55654 6.95624C0.833504 7.41141 0.370476 8.24648 0.31705 9.19624C0.281432 9.8772 0.455958 10.5653 0.80501 11.1388C1.31434 11.9738 2.09437 12.4613 2.84946 12.8125C3.1807 12.2964 3.6188 11.8556 4.13881 11.5366C4.66952 11.2069 5.2857 10.999 5.93394 10.9273L5.9375 10.9309Z" fill="white"></path><path d="M14.0625 10.9309C14.3083 10.3682 14.4436 9.74459 14.4436 9.09231C14.4436 8.44002 14.3154 7.84149 14.0696 7.27163C14.3546 7.21429 14.6466 7.11394 14.9565 7.00283L14.9992 6.9885C15.5193 6.81288 16.1141 6.60859 16.7908 6.56917C17.3999 6.52974 17.9733 6.66594 18.4435 6.95624C19.1665 7.41141 19.6295 8.24648 19.683 9.19624C19.7186 9.8772 19.544 10.5653 19.195 11.1388C18.6857 11.9738 17.9056 12.4613 17.1505 12.8125C16.8193 12.2964 16.3812 11.8556 15.8612 11.5366C15.3305 11.2069 14.7143 10.999 14.0661 10.9273L14.0625 10.9309Z" fill="white"></path><path d="M10 11.875C11.7259 11.875 13.125 10.4059 13.125 8.59375C13.125 6.78157 11.7259 5.3125 10 5.3125C8.27411 5.3125 6.875 6.78157 6.875 8.59375C6.875 10.4059 8.27411 11.875 10 11.875Z" fill="white"></path><path d="M6.09375 5.9375C7.73335 5.9375 9.0625 4.60835 9.0625 2.96875C9.0625 1.32915 7.73335 0 6.09375 0C4.45415 0 3.125 1.32915 3.125 2.96875C3.125 4.60835 4.45415 5.9375 6.09375 5.9375Z" fill="white"></path><path d="M13.9062 5.9375C15.5458 5.9375 16.875 4.60835 16.875 2.96875C16.875 1.32915 15.5458 0 13.9062 0C12.2667 0 10.9375 1.32915 10.9375 2.96875C10.9375 4.60835 12.2667 5.9375 13.9062 5.9375Z" fill="white"></path></g><defs><clipPath id="clip0_6439_443"><rect width="20" height="20" fill="white"></rect></clipPath></defs></svg></span></div></div><h4 class="service-title "> Active Users Community </h4></div></div><div class="infobox-overlay-color "></div></div></div></a></div></div> </div> </div> <div class="elementor-element elementor-element-3426d7e elementor-widget__width-initial elementor-widget-tablet__width-initial elementor-widget-mobile__width-initial elementor-widget elementor-widget-tp-info-box" data-id="3426d7e" data-element_type="widget" data-widget_type="tp-info-box.default"> <div class="elementor-widget-container"> <div id="info_box67627bd4dc726" class="pt_plus_info_box hover_normal info_box67627bd4dc726 info-box-style_3 " data-id="info_box67627bd4dc726" dir= data-connection="" data-eventtype="" ><div class="post-inner-loop "><a href="https://theplusaddons.com/chat/" target=""> <div class="info-box-inner content_hover_effect content_hover_float tp-info-fbc" ><div class="info-box-bg-box service-border-box " ><div class="text-left"><div class="service-center "><div class="info-icon-content"><div class="service-icon-wrap"><span class=" service-icon "><svg xmlns="http://www.w3.org/2000/svg" width="25" height="20" viewBox="0 0 25 20" fill="none"><g clip-path="url(#clip0_6439_450)"><path d="M12.5 0C13.1914 0 13.75 0.558594 13.75 1.25V3.75H18.4375C19.9922 3.75 21.25 5.00781 21.25 6.5625V17.1875C21.25 18.7422 19.9922 20 18.4375 20H6.5625C5.00781 20 3.75 18.7422 3.75 17.1875V6.5625C3.75 5.00781 5.00781 3.75 6.5625 3.75H11.25V1.25C11.25 0.558594 11.8086 0 12.5 0ZM8.125 15C7.78125 15 7.5 15.2812 7.5 15.625C7.5 15.9688 7.78125 16.25 8.125 16.25H9.375C9.71875 16.25 10 15.9688 10 15.625C10 15.2812 9.71875 15 9.375 15H8.125ZM11.875 15C11.5312 15 11.25 15.2812 11.25 15.625C11.25 15.9688 11.5312 16.25 11.875 16.25H13.125C13.4688 16.25 13.75 15.9688 13.75 15.625C13.75 15.2812 13.4688 15 13.125 15H11.875ZM15.625 15C15.2812 15 15 15.2812 15 15.625C15 15.9688 15.2812 16.25 15.625 16.25H16.875C17.2188 16.25 17.5 15.9688 17.5 15.625C17.5 15.2812 17.2188 15 16.875 15H15.625ZM10.3125 10C10.3125 9.5856 10.1479 9.18817 9.85485 8.89515C9.56183 8.60212 9.1644 8.4375 8.75 8.4375C8.3356 8.4375 7.93817 8.60212 7.64515 8.89515C7.35212 9.18817 7.1875 9.5856 7.1875 10C7.1875 10.4144 7.35212 10.8118 7.64515 11.1049C7.93817 11.3979 8.3356 11.5625 8.75 11.5625C9.1644 11.5625 9.56183 11.3979 9.85485 11.1049C10.1479 10.8118 10.3125 10.4144 10.3125 10ZM16.25 11.5625C16.6644 11.5625 17.0618 11.3979 17.3549 11.1049C17.6479 10.8118 17.8125 10.4144 17.8125 10C17.8125 9.5856 17.6479 9.18817 17.3549 8.89515C17.0618 8.60212 16.6644 8.4375 16.25 8.4375C15.8356 8.4375 15.4382 8.60212 15.1451 8.89515C14.8521 9.18817 14.6875 9.5856 14.6875 10C14.6875 10.4144 14.8521 10.8118 15.1451 11.1049C15.4382 11.3979 15.8356 11.5625 16.25 11.5625ZM1.875 8.75H2.5V16.25H1.875C0.839844 16.25 0 15.4102 0 14.375V10.625C0 9.58984 0.839844 8.75 1.875 8.75ZM23.125 8.75C24.1602 8.75 25 9.58984 25 10.625V14.375C25 15.4102 24.1602 16.25 23.125 16.25H22.5V8.75H23.125Z" fill="white"></path></g><defs><clipPath id="clip0_6439_450"><rect width="25" height="20" fill="white"></rect></clipPath></defs></svg></span></div></div><h4 class="service-title "> AI Chatbot </h4></div></div><div class="infobox-overlay-color "></div></div></div></a></div></div> </div> </div> </div> </div> <div class="elementor-element elementor-element-836fb3f elementor-widget elementor-widget-rating" data-id="836fb3f" data-element_type="widget" data-widget_type="rating.default"> <div class="elementor-widget-container"> <div class="e-rating" itemtype="https://schema.org/Rating" itemscope="" itemprop="reviewRating"> <meta itemprop="worstRating" content="0"> <meta itemprop="bestRating" content="5"> <div class="e-rating-wrapper" itemprop="ratingValue" content="5" role="img" aria-label="Rated 5 out of 5"> <div class="e-icon"> <div class="e-icon-wrapper e-icon-marked"> <i aria-hidden="true" class="fas fa-star"></i> </div> <div class="e-icon-wrapper e-icon-unmarked"> <i aria-hidden="true" class="fas fa-star"></i> </div> </div> <div class="e-icon"> <div class="e-icon-wrapper e-icon-marked"> <i aria-hidden="true" class="fas fa-star"></i> </div> <div class="e-icon-wrapper e-icon-unmarked"> <i aria-hidden="true" class="fas fa-star"></i> </div> </div> <div class="e-icon"> <div class="e-icon-wrapper e-icon-marked"> <i aria-hidden="true" class="fas fa-star"></i> </div> <div class="e-icon-wrapper e-icon-unmarked"> <i aria-hidden="true" class="fas fa-star"></i> </div> </div> <div class="e-icon"> <div class="e-icon-wrapper e-icon-marked"> <i aria-hidden="true" class="fas fa-star"></i> </div> <div class="e-icon-wrapper e-icon-unmarked"> <i aria-hidden="true" class="fas fa-star"></i> </div> </div> <div class="e-icon"> <div class="e-icon-wrapper e-icon-marked"> <i aria-hidden="true" class="fas fa-star"></i> </div> <div class="e-icon-wrapper e-icon-unmarked"> <i aria-hidden="true" class="fas fa-star"></i> </div> </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-969c3cd elementor-widget elementor-widget-heading" data-id="969c3cd" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h4 class="elementor-heading-title elementor-size-default"><a href="https://wordpress.org/support/topic/outstanding-support-181/" target="_blank">Outstanding support</a></h4> </div> </div> <div class="elementor-element elementor-element-4955322 elementor-drop-cap-yes elementor-drop-cap-view-default elementor-widget elementor-widget-text-editor" data-id="4955322" data-element_type="widget" data-settings="{"drop_cap":"yes"}" data-widget_type="text-editor.default"> <div class="elementor-widget-container"> <a style="color: #ffffff;" href="https://wordpress.org/support/topic/outstanding-support-181/" target="_blank" rel="noopener" cursor: pointer;>I’ve <span style="background-color: #9d92fc3b;">used many Elementor add-ons and find this to be the best </span>The features are excellent and the support is second to none I’ve been <span style="background-color: #9d92fc3b; cursor: pointer;">helped out at short notice with comprehensive advice Outstanding! </span></a> ~the Cloud Machine </div> </div> <div class="elementor-element elementor-element-be7eb0c e-flex e-con-boxed e-con e-child" data-id="be7eb0c" data-element_type="container" data-settings="{"background_background":"classic","tpcp__live":"no"}"> <div class="e-con-inner"> <div class="elementor-element elementor-element-a66ddca elementor-absolute elementor-widget elementor-widget-tp-style-list" data-id="a66ddca" data-element_type="widget" data-settings="{"_position":"absolute"}" data-widget_type="tp-style-list.default"> <div class="elementor-widget-container"> <div class="plus-stylist-list-wrapper " data-layout="{"desktop":"tp_sl_l_horizontal","tablet":"default","mobile":"default"}" > <ul class="plus-icon-list-items d-flex-center"> <li id="tooltip67629f1f2ce63" class="plus-icon-list-item elementor-repeater-item-332cb90 active" data-local="true" > <div class="plus-icon-list-icon "> <span><i aria-hidden="true" class="fas fa-check-circle"></i></span> </div> <div class="plus-icon-list-text " > <p>NO SPAM GUARANTEE</p> </div> </li> </ul> </div> </div> </div> <div class="elementor-element elementor-element-bd0b050 elementor-widget__width-initial elementor-widget-mobile__width-initial elementor-widget elementor-widget-heading" data-id="bd0b050" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h4 class="elementor-heading-title elementor-size-default">Get Exclusive Elementor Tips, Tricks and Resources Delivered Straight to Your Inbox!</h4> </div> </div> <div class="elementor-element elementor-element-6c76543 elementor-widget-mobile__width-initial elementor-widget elementor-widget-tp-contact-form-7" data-id="6c76543" data-element_type="widget" id="subscribe" data-widget_type="tp-contact-form-7.default"> <div class="elementor-widget-container"> <div class="theplus-contact-form style-1 plus-cf7-label text-left after " > <div class="wpcf7 no-js" id="wpcf7-f62668-o1" lang="en-US" dir="ltr" data-wpcf7-id="62668"> <div class="screen-reader-response"><p role="status" aria-live="polite" aria-atomic="true"></p> <ul></ul></div> <form action="/?a=br#wpcf7-f62668-o1" method="post" class="wpcf7-form init demo" aria-label="Contact form" novalidate="novalidate" data-status="init"> <div style="display: none;"> <input type="hidden" name="_wpcf7" value="62668" /> <input type="hidden" name="_wpcf7_version" value="6.0.1" /> <input type="hidden" name="_wpcf7_locale" value="en_US" /> <input type="hidden" name="_wpcf7_unit_tag" value="wpcf7-f62668-o1" /> <input type="hidden" name="_wpcf7_container_post" value="0" /> <input type="hidden" name="_wpcf7_posted_data_hash" value="" /> </div> <div class="tp-row"> <div class="tp-col-lg-8 tp-col-md-8 tp-col-sm-12 tp-col-12"> <p><span class="wpcf7-form-control-wrap" data-name="email"><input size="40" maxlength="400" class="wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email" aria-required="true" aria-invalid="false" placeholder="Enter Your Email" value="" type="email" name="email" /></span> </p> </div> <div class="tp-col-lg-4 tp-col-md-4 tp-col-sm-12 tp-col-12"> <p><div class="cf7-cf-turnstile" style="margin-top: 0px; margin-bottom: -15px;"> <div id="cf-turnstile-cf7-1589022756" class="cf-turnstile" data-sitekey="0x4AAAAAAAJ7M-oQglUfi9TA" data-theme="light" data-language="auto" data-size="" data-retry="auto" data-retry-interval="1000" data-action="contact-form-7" data-appearance="always"></div> <script>document.addEventListener("DOMContentLoaded",(function(){var e=document.getElementById("cf-turnstile-cf7-1589022756");e&&!e.innerHTML.trim()&&(turnstile.remove("#cf-turnstile-cf7-1589022756"),turnstile.render("#cf-turnstile-cf7-1589022756",{sitekey:"0x4AAAAAAAJ7M-oQglUfi9TA"}))}));</script> <br class="cf-turnstile-br cf-turnstile-br-cf7-1589022756"> <script>document.addEventListener("DOMContentLoaded",function(){document.querySelectorAll('.wpcf7-form').forEach(function(e){e.addEventListener('submit',function(){if(document.getElementById('cf-turnstile-cf7-1589022756')){setTimeout(function(){turnstile.reset('#cf-turnstile-cf7-1589022756');},1000)}})})});</script> </div><br/><input class="wpcf7-form-control wpcf7-submit has-spinner" type="submit" value="SUBSCRIBE" /> </p> </div> </div><div class="wpcf7-response-output" aria-hidden="true"></div> </form> </div> </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-a538d03 tpfn e-con-full e-flex e-con e-child" data-id="a538d03" data-element_type="container" data-settings="{"tpcp__live":"no"}"> <div class="elementor-element elementor-element-209c653 e-con-full e-flex e-con e-child" data-id="209c653" data-element_type="container" data-settings="{"tpcp__live":"no"}"> <div class="elementor-element elementor-element-e66fe9d text-left elementor-widget elementor-widget-tp-heading-title" data-id="e66fe9d" data-element_type="widget" data-widget_type="tp-heading-title.default"> <div class="elementor-widget-container"> <div class="heading heading_style heading_style67629f1f2ee35 style-2 " ><div class="sub-style " ><div class="head-title " > <h4 class="heading-title " data-hover="Popular Widgets">Popular Widgets</h4></div></div></div> </div> </div> <div class="elementor-element elementor-element-673d2b4 elementor-widget elementor-widget-tp-style-list" data-id="673d2b4" data-element_type="widget" data-widget_type="tp-style-list.default"> <div class="elementor-widget-container"> <div class="plus-stylist-list-wrapper " data-layout="{"desktop":"default","tablet":"default","mobile":"default"}" > <ul class="plus-icon-list-items d-flex-center"> <li id="tooltip67629f1f2fce5" class="plus-icon-list-item elementor-repeater-item-671224a active" data-local="true" > <a href="https://theplusaddons.com/widgets/#plus-essentials"> <div class="plus-icon-list-text pin-hint-inline" > Plus Essentials <span class="plus-hint-text right"> <span class="plus-hint-text-inner"> Popular </span> </span> </div> </a> </li> <li id="tooltip67629f1f2fd48" class="plus-icon-list-item elementor-repeater-item-3b94cf1 " data-local="true" > <a href="https://theplusaddons.com/widgets/#plus-sections"> <div class="plus-icon-list-text " > Plus Sections </div> </a> </li> <li id="tooltip67629f1f2fd61" class="plus-icon-list-item elementor-repeater-item-fc327f9 " data-local="true" > <a href="https://theplusaddons.com/widgets/#plus-creatives"> <div class="plus-icon-list-text " > Plus Creatives </div> </a> </li> <li id="tooltip67629f1f2fd76" class="plus-icon-list-item elementor-repeater-item-2c4c5b2 " data-local="true" > <a href="https://theplusaddons.com/widgets/#plus-tabbed"> <div class="plus-icon-list-text " > <p>Plus Tabs</p> </div> </a> </li> <li id="tooltip67629f1f2fda9" class="plus-icon-list-item elementor-repeater-item-eec282c " data-local="true" > <a href="https://theplusaddons.com/widgets/#plus-adapted"> <div class="plus-icon-list-text " > <p>Plus Forms</p> </div> </a> </li> <li id="tooltip67629f1f2fdc9" class="plus-icon-list-item elementor-repeater-item-fe443f5 " data-local="true" > <a href="https://theplusaddons.com/widgets/social-reviews"> <div class="plus-icon-list-text " > <p>Social Reviews & Badges</p> </div> </a> </li> <li id="tooltip67629f1f2fde8" class="plus-icon-list-item elementor-repeater-item-84719fa " data-local="true" > <a href="https://theplusaddons.com/widgets/social-feed/"> <div class="plus-icon-list-text pin-hint-inline" > <p>Social Feed</p> <span class="plus-hint-text right"> <span class="plus-hint-text-inner"> Advanced </span> </span> </div> </a> </li> <li id="tooltip67629f1f2fe0e" class="plus-icon-list-item elementor-repeater-item-14cace9 " data-local="true" > <a href="https://theplusaddons.com/widgets/social-embed/"> <div class="plus-icon-list-text " > <p>Social Embeds</p> </div> </a> </li> <li id="tooltip67629f1f2fe29" class="plus-icon-list-item elementor-repeater-item-c10173d " data-local="true" > <a href="https://theplusaddons.com/widgets/#plus-scroll"> <div class="plus-icon-list-text " > Plus Scroll </div> </a> </li> <li id="tooltip67629f1f2fe3d" class="plus-icon-list-item elementor-repeater-item-cb9e658 " data-local="true" > <a href="https://theplusaddons.com/widgets/#plus-social"> <div class="plus-icon-list-text " > Plus Social </div> </a> </li> <li id="tooltip67629f1f2fe4f" class="plus-icon-list-item elementor-repeater-item-c09c5c9 " data-local="true" > <a href="https://theplusaddons.com/pluslisting/"> <div class="plus-icon-list-text " > Plus Listing </div> </a> </li> <li id="tooltip67629f1f2fe62" class="plus-icon-list-item elementor-repeater-item-1189319 " data-local="true" > <a href="https://theplusaddons.com/pluslisting/elementor-blog-post/%20"> <div class="plus-icon-list-text " > <p>Blog Posts</p> </div> </a> </li> <li id="tooltip67629f1f2fe82" class="plus-icon-list-item elementor-repeater-item-8cdb737 " data-local="true" > <a href="https://theplusaddons.com/pluslisting/elementor-acf-repeater-support/"> <div class="plus-icon-list-text " > <p>ACF Loops</p> </div> </a> </li> <li id="tooltip67629f1f2fe9e" class="plus-icon-list-item elementor-repeater-item-6bcfe3e " data-local="true" > <a href="https://theplusaddons.com/pluslisting/product-styles/"> <div class="plus-icon-list-text " > <p>WooCommerce Products</p> </div> </a> </li> <li id="tooltip67629f1f2feb8" class="plus-icon-list-item elementor-repeater-item-5c354a0 " data-local="true" > <a href="https://theplusaddons.com/pluslisting/dynamic-magazine-filter/"> <div class="plus-icon-list-text " > <p>Magazine Posts</p> </div> </a> </li> <li id="tooltip67629f1f2fed3" class="plus-icon-list-item elementor-repeater-item-4506b6b " data-local="true" > <a href="https://theplusaddons.com/plus-search-filters/"> <div class="plus-icon-list-text " > <p>Ajax Search & Filters</p> </div> </a> </li> <li id="tooltip67629f1f2fef1" class="plus-icon-list-item elementor-repeater-item-56cc249 " data-local="true" > <a href="https://theplusaddons.com/pluslisting/elementor-client-logos/"> <div class="plus-icon-list-text " > <p>Client Logos</p> </div> </a> </li> </ul> </div> </div> </div> </div> <div class="elementor-element elementor-element-5b2529b e-con-full e-flex e-con e-child" data-id="5b2529b" data-element_type="container" data-settings="{"tpcp__live":"no"}"> <div class="elementor-element elementor-element-deb9edc elementor-widget elementor-widget-tp-style-list" data-id="deb9edc" data-element_type="widget" data-widget_type="tp-style-list.default"> <div class="elementor-widget-container"> <div class="plus-stylist-list-wrapper " data-layout="{"desktop":"default","tablet":"default","mobile":"default"}" > <ul class="plus-icon-list-items d-flex-center"> <li id="tooltip67629f1f30d31" class="plus-icon-list-item elementor-repeater-item-671224a active" data-local="true" > <a href="https://theplusaddons.com/pluslisting/elementor-image-gallery/"> <div class="plus-icon-list-text " > <p>Image Gallery</p> </div> </a> </li> <li id="tooltip67629f1f30d9b" class="plus-icon-list-item elementor-repeater-item-bcc6713 " data-local="true" > <a href="https://theplusaddons.com/pluslisting/elementor-team-members/"> <div class="plus-icon-list-text " > <p>Team Members</p> </div> </a> </li> <li id="tooltip67629f1f30dc1" class="plus-icon-list-item elementor-repeater-item-fc327f9 " data-local="true" > <a href="https://theplusaddons.com/pluslisting/elementor-testimonials/"> <div class="plus-icon-list-text " > <p>Testimonials</p> </div> </a> </li> <li id="tooltip67629f1f30de1" class="plus-icon-list-item elementor-repeater-item-0516e53 " data-local="true" > <a href="https://theplusaddons.com/pluslisting/dynamic-listing/"> <div class="plus-icon-list-text pin-hint-inline" > <p>Dynamic CPT Listing</p> <span class="plus-hint-text right"> <span class="plus-hint-text-inner"> Advanced </span> </span> </div> </a> </li> <li id="tooltip67629f1f30e0c" class="plus-icon-list-item elementor-repeater-item-3b94cf1 " data-local="true" > <a href="https://theplusaddons.com/widgets/mega-menu/"> <div class="plus-icon-list-text pin-hint-inline" > <p>Mega Menu</p> <span class="plus-hint-text right"> <span class="plus-hint-text-inner"> Popular </span> </span> </div> </a> </li> <li id="tooltip67629f1f30e32" class="plus-icon-list-item elementor-repeater-item-8cdb737 " data-local="true" > <a href="https://theplusaddons.com/widgets/navigation-menu/"> <div class="plus-icon-list-text " > <p>Site Navigation</p> </div> </a> </li> <li id="tooltip67629f1f30e4f" class="plus-icon-list-item elementor-repeater-item-c09c5c9 " data-local="true" > <a href="https://theplusaddons.com/widgets/elementor-header-navigation-builder/"> <div class="plus-icon-list-text pin-hint-inline" > <p>Header Effects</p> <span class="plus-hint-text right"> <span class="plus-hint-text-inner"> Unique </span> </span> </div> </a> </li> <li id="tooltip67629f1f30e74" class="plus-icon-list-item elementor-repeater-item-6bcfe3e " data-local="true" > <a href="https://theplusaddons.com/elementor-grid-builder/"> <div class="plus-icon-list-text " > <p>Grid Builder</p> </div> </a> </li> <li id="tooltip67629f1f30e8f" class="plus-icon-list-item elementor-repeater-item-1189319 " data-local="true" > <a href="https://theplusaddons.com/blog-builder/"> <div class="plus-icon-list-text pin-hint-inline" > <p>Post & CPT Builder</p> <span class="plus-hint-text right"> <span class="plus-hint-text-inner"> Free </span> </span> </div> </a> </li> <li id="tooltip67629f1f30eb6" class="plus-icon-list-item elementor-repeater-item-8f8c1c2 " data-local="true" > <a href="https://theplusaddons.com/widgets/popup-builder/"> <div class="plus-icon-list-text " > <p>Modal Popups</p> </div> </a> </li> <li id="tooltip67629f1f30ed1" class="plus-icon-list-item elementor-repeater-item-67d6abc " data-local="true" > <a href="https://theplusaddons.com/woo-builder/"> <div class="plus-icon-list-text pin-hint-inline" > <p>WooCommerce<br />Builder</p> <span class="plus-hint-text right"> <span class="plus-hint-text-inner"> Advanced </span> </span> </div> </a> </li> <li id="tooltip67629f1f30f01" class="plus-icon-list-item elementor-repeater-item-7cbbaee " data-local="true" > <a href="https://theplusaddons.com/plus-extras/"> <div class="plus-icon-list-text " > <p>Special Features</p> </div> </a> </li> <li id="tooltip67629f1f30f1d" class="plus-icon-list-item elementor-repeater-item-cac5a3a " data-local="true" > <a href="https://theplusaddons.com/plus-extras/display-condition/"> <div class="plus-icon-list-text " > <p>Visibility Rules</p> </div> </a> </li> <li id="tooltip67629f1f30f39" class="plus-icon-list-item elementor-repeater-item-7d91b8f " data-local="true" > <a href="https://theplusaddons.com/plus-extras/global-tooltips-elementor-widgets/"> <div class="plus-icon-list-text " > <p>Global Options</p> </div> </a> </li> <li id="tooltip67629f1f30f55" class="plus-icon-list-item elementor-repeater-item-8532756 " data-local="true" > <a href="https://theplusaddons.com/plus-extras/special-effects-parallax-3d-mouse-hover-continuous-animations-elementor-widgets/"> <div class="plus-icon-list-text " > <p>Global Effects </p> </div> </a> </li> <li id="tooltip67629f1f30f70" class="plus-icon-list-item elementor-repeater-item-3b5315e " data-local="true" > <a href="https://theplusaddons.com/plus-extras/conversion-event-tracker-in-elementor/"> <div class="plus-icon-list-text pin-hint-inline" > <p>Event Tracking</p> <span class="plus-hint-text right"> <span class="plus-hint-text-inner"> Unique </span> </span> </div> </a> </li> <li id="tooltip67629f1f30f94" class="plus-icon-list-item elementor-repeater-item-09cb51e " data-local="true" > <a href="https://theplusaddons.com/plus-extras/elementor-column-improvements-upgrades-responsive/"> <div class="plus-icon-list-text " > <p>Column Extras</p> </div> </a> </li> </ul> </div> </div> </div> </div> <div class="elementor-element elementor-element-49c2c39 e-con-full e-flex e-con e-child" data-id="49c2c39" data-element_type="container" data-settings="{"tpcp__live":"no"}"> <div class="elementor-element elementor-element-0c4fb53 text-left elementor-widget elementor-widget-tp-heading-title" data-id="0c4fb53" data-element_type="widget" data-widget_type="tp-heading-title.default"> <div class="elementor-widget-container"> <div class="heading heading_style heading_style67629f1f31977 style-2 " ><div class="sub-style " ><div class="head-title " > <h4 class="heading-title " data-hover="Resources ">Resources </h4></div></div></div> </div> </div> <div class="elementor-element elementor-element-a4972dc elementor-widget elementor-widget-tp-style-list" data-id="a4972dc" data-element_type="widget" data-widget_type="tp-style-list.default"> <div class="elementor-widget-container"> <div class="plus-stylist-list-wrapper " data-layout="{"desktop":"default","tablet":"default","mobile":"default"}" > <ul class="plus-icon-list-items d-flex-center"> <li id="tooltip67629f1f32683" class="plus-icon-list-item elementor-repeater-item-671224a active" data-local="true" > <a href="https://theplusaddons.com/pricing/"> <div class="plus-icon-list-text pin-hint-inline" > <p>Pricing</p> <span class="plus-hint-text right"> <span class="plus-hint-text-inner"> HOT </span> </span> </div> </a> </li> <li id="tooltip67629f1f32701" class="plus-icon-list-item elementor-repeater-item-fc327f9 " data-local="true" > <a href="https://theplusaddons.com/free-vs-pro/"> <div class="plus-icon-list-text " > <p>Compare FREE vs PRO</p> </div> </a> </li> <li id="tooltip67629f1f32726" class="plus-icon-list-item elementor-repeater-item-3b94cf1 " data-local="true" > <a href="https://roadmap.theplusaddons.com/updates/"> <div class="plus-icon-list-text pin-hint-inline" > Changelog <span class="plus-hint-text right"> <span class="plus-hint-text-inner"> Updated </span> </span> </div> </a> </li> <li id="tooltip67629f1f32750" class="plus-icon-list-item elementor-repeater-item-8cdb737 " data-local="true" > <a href="https://roadmap.theplusaddons.com/boards/feature-request"> <div class="plus-icon-list-text " > Feature Request </div> </a> </li> <li id="tooltip67629f1f32765" class="plus-icon-list-item elementor-repeater-item-c09c5c9 " data-local="true" > <a href="https://roadmap.theplusaddons.com/"> <div class="plus-icon-list-text " > Roadmap </div> </a> </li> <li id="tooltip67629f1f32779" class="plus-icon-list-item elementor-repeater-item-6bcfe3e " data-local="true" > <a href="https://store.posimyth.com/affiliate-program/" target="_blank"> <div class="plus-icon-list-text pin-hint-inline" > <p>Affiliate Program</p> <span class="plus-hint-text right"> <span class="plus-hint-text-inner"> 💰 </span> </span> </div> </a> </li> <li id="tooltip67629f1f327a1" class="plus-icon-list-item elementor-repeater-item-83e39bf " data-local="true" > <a href="https://theplusaddons.com/blog" target="_blank"> <div class="plus-icon-list-text " > <p>Blogs</p> </div> </a> </li> <li id="tooltip67629f1f327bf" class="plus-icon-list-item elementor-repeater-item-9ce1724 " data-local="true" > <a href="https://status.posimyth.com/" target="_blank"> <div class="plus-icon-list-text pin-hint-inline" > <p>Uptime</p> <span class="plus-hint-text right"> <span class="plus-hint-text-inner"> 99.99% </span> </span> </div> </a> </li> <li id="tooltip67629f1f327e6" class="plus-icon-list-item elementor-repeater-item-ec5cc87 " data-local="true" > <a href="https://www.playbook.com/s/posimyth/aVqMbAKS2JfFamwHuvf5QY3H" target="_blank"> <div class="plus-icon-list-text " > <p>Brand Kit for Press & Media</p> </div> </a> </li> <li id="tooltip67629f1f32807" class="plus-icon-list-item elementor-repeater-item-35c7fce " data-local="true" > <a href="https://theplusaddons.com/sitemap/" target="_blank"> <div class="plus-icon-list-text " > <p>Sitemap</p> </div> </a> </li> <li id="tooltip67629f1f32824" class="plus-icon-list-item elementor-repeater-item-1af0691 " data-local="true" > <a href="https://theplusaddons.com/showcase" target="_blank"> <div class="plus-icon-list-text " > <p>Showcase</p> </div> </a> </li> <li id="tooltip67629f1f32840" class="plus-icon-list-item elementor-repeater-item-3f52e39 " data-local="true" > <a href="https://theplusaddons.com/reviews/" target="_blank"> <div class="plus-icon-list-text " > <p>Reviews</p> </div> </a> </li> </ul> </div> </div> </div> </div> <div class="elementor-element elementor-element-b92aac2 e-con-full e-flex e-con e-child" data-id="b92aac2" data-element_type="container" data-settings="{"tpcp__live":"no"}"> <div class="elementor-element elementor-element-e15e47f text-left elementor-widget elementor-widget-tp-heading-title" data-id="e15e47f" data-element_type="widget" data-widget_type="tp-heading-title.default"> <div class="elementor-widget-container"> <div class="heading heading_style heading_style67629f1f3318f style-2 " ><div class="sub-style " ><div class="head-title " > <h4 class="heading-title " data-hover="Get Support">Get Support</h4></div></div></div> </div> </div> <div class="elementor-element elementor-element-f436d15 elementor-widget elementor-widget-tp-style-list" data-id="f436d15" data-element_type="widget" data-widget_type="tp-style-list.default"> <div class="elementor-widget-container"> <div class="plus-stylist-list-wrapper " data-layout="{"desktop":"default","tablet":"default","mobile":"default"}" > <ul class="plus-icon-list-items d-flex-center"> <li id="tooltip67629f1f33c90" class="plus-icon-list-item elementor-repeater-item-671224a active" data-local="true" > <a href="https://store.posimyth.com/login/"> <div class="plus-icon-list-text " > <p>Login </p> </div> </a> </li> <li id="tooltip67629f1f33cf7" class="plus-icon-list-item elementor-repeater-item-fc327f9 " data-local="true" > <a href="https://store.posimyth.com/helpdesk"> <div class="plus-icon-list-text " > Helpdesk </div> </a> </li> <li id="tooltip67629f1f33d14" class="plus-icon-list-item elementor-repeater-item-07f3aa5 " data-local="true" > <a href="https://theplusaddons.com/docs/" target="_blank"> <div class="plus-icon-list-text pin-hint-inline" > Documentation <span class="plus-hint-text right"> <span class="plus-hint-text-inner"> Updated </span> </span> </div> </a> </li> <li id="tooltip67629f1f33d37" class="plus-icon-list-item elementor-repeater-item-f288c1f " data-local="true" > <a href="https://www.facebook.com/groups/theplus4elementor/" target="_blank"> <div class="plus-icon-list-text " > Facebook Community </div> </a> </li> <li id="tooltip67629f1f33d4e" class="plus-icon-list-item elementor-repeater-item-015d713 " data-local="true" > <a href="https://www.youtube.com/playlist?list=PLFRO-irWzXaLK9H5opSt88xueTnRhqvO5"> <div class="plus-icon-list-text " > Video Tutorials </div> </a> </li> <li id="tooltip67629f1f33d62" class="plus-icon-list-item elementor-repeater-item-19cbe72 " data-local="true" > <a href="https://theplusaddons.com/chat/"> <div class="plus-icon-list-text pin-hint-inline" > <p>AI Chat</p> <span class="plus-hint-text right"> <span class="plus-hint-text-inner"> Instant Answers </span> </span> </div> </a> </li> </ul> </div> </div> </div> <div class="elementor-element elementor-element-20e7926 text-left elementor-widget elementor-widget-tp-heading-title" data-id="20e7926" data-element_type="widget" data-widget_type="tp-heading-title.default"> <div class="elementor-widget-container"> <div class="heading heading_style heading_style67629f1f34681 style-2 " ><div class="sub-style " ><div class="head-title " > <h4 class="heading-title " data-hover="Our Products">Our Products</h4></div></div></div> </div> </div> <div class="elementor-element elementor-element-5cd2571 elementor-widget elementor-widget-tp-style-list" data-id="5cd2571" data-element_type="widget" data-widget_type="tp-style-list.default"> <div class="elementor-widget-container"> <div class="plus-stylist-list-wrapper " data-layout="{"desktop":"default","tablet":"default","mobile":"default"}" > <ul class="plus-icon-list-items d-flex-center"> <li id="tooltip67629f1f35175" class="plus-icon-list-item elementor-repeater-item-671224a active" data-local="true" > <a href="https://theplusaddons.com/" target="_blank"> <div class="plus-icon-list-text " > The Plus Addons for <br>Elementor </div> </a> </li> <li id="tooltip67629f1f351e3" class="plus-icon-list-item elementor-repeater-item-07f3aa5 " data-local="true" > <a href="https://nexterwp.com/" target="_blank"> <div class="plus-icon-list-text " > <p>NexterWP - Blocks, Theme & Extension</p> </div> </a> </li> <li id="tooltip67629f1f35210" class="plus-icon-list-item elementor-repeater-item-f288c1f " data-local="true" > <a href="https://wdesignkit.com/" target="_blank"> <div class="plus-icon-list-text pin-hint-inline" > <p>WDesignKit - Templates, Widgets Builder & More</p> <span class="plus-hint-text right"> <span class="plus-hint-text-inner"> New </span> </span> </div> </a> </li> <li id="tooltip67629f1f35241" class="plus-icon-list-item elementor-repeater-item-fe2061a " data-local="true" > <a href="https://uichemy.com/" target="_blank"> <div class="plus-icon-list-text pin-hint-inline" > UiChemy - Figma to <br>WordPress Convertor <span class="plus-hint-text right"> <span class="plus-hint-text-inner"> New </span> </span> </div> </a> </li> </ul> </div> </div> </div> </div> <div class="elementor-element elementor-element-6c735c2 e-con-full e-flex e-con e-child" data-id="6c735c2" data-element_type="container" data-settings="{"tpcp__live":"no"}"> <div class="elementor-element elementor-element-a64b3f2 text-left elementor-widget elementor-widget-tp-heading-title" data-id="a64b3f2" data-element_type="widget" data-widget_type="tp-heading-title.default"> <div class="elementor-widget-container"> <div class="heading heading_style heading_style67629f1f35b91 style-2 " ><div class="sub-style " ><div class="head-title " > <h4 class="heading-title " data-hover="Company">Company</h4></div></div></div> </div> </div> <div class="elementor-element elementor-element-bdd2a4e elementor-widget elementor-widget-tp-style-list" data-id="bdd2a4e" data-element_type="widget" data-widget_type="tp-style-list.default"> <div class="elementor-widget-container"> <div class="plus-stylist-list-wrapper " data-layout="{"desktop":"default","tablet":"default","mobile":"default"}" > <ul class="plus-icon-list-items d-flex-center"> <li id="tooltip67629f1f3661e" class="plus-icon-list-item elementor-repeater-item-504627e active" data-local="true" > <a href="https://posimyth.com/" target="_blank"> <div class="plus-icon-list-text " > <p>Website</p> </div> </a> </li> <li id="tooltip67629f1f3668d" class="plus-icon-list-item elementor-repeater-item-6773f58 " data-local="true" > <a href="https://posimyth.com/about-us/" target="_blank"> <div class="plus-icon-list-text " > <p>About Us</p> </div> </a> </li> <li id="tooltip67629f1f366b4" class="plus-icon-list-item elementor-repeater-item-7d27c12 " data-local="true" > <a href="https://posimyth.com/our-team/" target="_blank"> <div class="plus-icon-list-text " > <p>Our Team</p> </div> </a> </li> <li id="tooltip67629f1f366d6" class="plus-icon-list-item elementor-repeater-item-1f62b57 " data-local="true" > <a href="https://posimyth.com/career/" target="_blank"> <div class="plus-icon-list-text pin-hint-inline" > <p>Career</p> <span class="plus-hint-text right"> <span class="plus-hint-text-inner"> Hiring </span> </span> </div> </a> </li> <li id="tooltip67629f1f36701" class="plus-icon-list-item elementor-repeater-item-52f73f2 " data-local="true" > <a href="https://posimyth.com/write-for-us/?domain=The+Plus+Addons+for+Elementor" target="_blank"> <div class="plus-icon-list-text pin-hint-inline" > <p>Write For Us</p> <span class="plus-hint-text right"> <span class="plus-hint-text-inner"> New </span> </span> </div> </a> </li> <li id="tooltip67629f1f36729" class="plus-icon-list-item elementor-repeater-item-649e4bd " data-local="true" > <a href="https://posimyth.com/contact-us/" target="_blank"> <div class="plus-icon-list-text " > <div class="tpgb-icon-list-text"><p>Contact Us</p></div> </div> </a> </li> </ul> </div> </div> </div> <div class="elementor-element elementor-element-3284845 text-left elementor-widget elementor-widget-tp-heading-title" data-id="3284845" data-element_type="widget" data-widget_type="tp-heading-title.default"> <div class="elementor-widget-container"> <div class="heading heading_style heading_style67629f1f37021 style-2 " ><div class="sub-style " ><div class="head-title " > <h4 class="heading-title " data-hover="Legal">Legal</h4></div></div></div> </div> </div> <div class="elementor-element elementor-element-5abe01a elementor-widget elementor-widget-tp-style-list" data-id="5abe01a" data-element_type="widget" data-widget_type="tp-style-list.default"> <div class="elementor-widget-container"> <div class="plus-stylist-list-wrapper " data-layout="{"desktop":"default","tablet":"default","mobile":"default"}" > <ul class="plus-icon-list-items d-flex-center"> <li id="tooltip67629f1f37ade" class="plus-icon-list-item elementor-repeater-item-faacf11 active" data-local="true" > <a href="https://store.posimyth.com/refund-policy/"> <div class="plus-icon-list-text pin-hint-inline" > Refund Policy <span class="plus-hint-text right"> <span class="plus-hint-text-inner"> 60 Days Guarantee </span> </span> </div> </a> </li> <li id="tooltip67629f1f37b34" class="plus-icon-list-item elementor-repeater-item-07f3aa5 " data-local="true" > <a href="https://store.posimyth.com/cookie-policy/"> <div class="plus-icon-list-text " > Cookie Policy </div> </a> </li> <li id="tooltip67629f1f37b4c" class="plus-icon-list-item elementor-repeater-item-fc327f9 " data-local="true" > <a href="https://store.posimyth.com/privacy-policy/"> <div class="plus-icon-list-text " > Privacy Policy </div> </a> </li> <li id="tooltip67629f1f37b62" class="plus-icon-list-item elementor-repeater-item-e47f594 " data-local="true" > <a href="https://store.posimyth.com/terms-conditions/"> <div class="plus-icon-list-text " > <p>Terms & Condition</p> </div> </a> </li> <li id="tooltip67629f1f37b97" class="plus-icon-list-item elementor-repeater-item-181c8d3 " data-local="true" > <a href="https://store.posimyth.com/support-policy/" target="_blank"> <div class="plus-icon-list-text " > Support Policy </div> </a> </li> <li id="tooltip67629f1f37bb0" class="plus-icon-list-item elementor-repeater-item-9ceb372 " data-local="true" > <a href="https://store.posimyth.com/affiliate-program/agreement/" target="_blank"> <div class="plus-icon-list-text " > <p>Affiliate Agreement</p> </div> </a> </li> <li id="tooltip67629f1f37bcf" class="plus-icon-list-item elementor-repeater-item-10fceea " data-local="true" > <a href="https://store.posimyth.com/acceptable-use-policy/" target="_blank"> <div class="plus-icon-list-text " > <p>Acceptable Use Policy</p> </div> </a> </li> </ul> </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-b6d2af5 e-flex e-con-boxed e-con e-child" data-id="b6d2af5" data-element_type="container" data-settings="{"tpcp__live":"no"}"> <div class="e-con-inner"> <div class="elementor-element elementor-element-ed7dfd9 elementor-widget elementor-widget-image" data-id="ed7dfd9" data-element_type="widget" data-widget_type="image.default"> <div class="elementor-widget-container"> <img width="364" height="32" src="https://theplusaddons.com/wp-content/uploads/2021/10/Secure-Footer-Logos.svg" data-adaptive="true" data-remove-src="true" data-src="https://theplusaddons.com/wp-content/uploads/2021/10/Secure-Footer-Logos.svg" data-count-lazy="9" fetchpriority="high" decoding="async"loading="lazy" width="364" height="32" class=" attachment-large size-large wp-image-146436" alt="" /> </div> </div> </div> </div> <div class="elementor-element elementor-element-84ec2ae tpehomefoter3 e-con-full e-flex e-con e-child" data-id="84ec2ae" data-element_type="container" data-settings="{"tpcp__live":"no"}"> <div class="elementor-element elementor-element-7af588a e-flex e-con-boxed e-con e-child" data-id="7af588a" data-element_type="container" data-settings="{"tpcp__live":"no"}"> <div class="e-con-inner"> <div class="elementor-element elementor-element-96eaded theplus-darkmode-ignore elementor-widget elementor-widget-image" data-id="96eaded" data-element_type="widget" data-widget_type="image.default"> <div class="elementor-widget-container"> <a href="https://theplusaddons.com/"> <img width="1500" height="600" src="https://theplusaddons.com/wp-content/uploads/2020/10/TPAG-White-1500X600.png" data-adaptive="true" data-remove-src="true" data-src="https://theplusaddons.com/wp-content/uploads/2020/10/TPAG-White-1500X600.png" data-count-lazy="10" fetchpriority="high" decoding="async"loading="lazy" width="1500" height="600" class=" attachment-full size-full wp-image-43758" alt="The Plus Addons for Elementor" sizes="(max-width: 1500px) 100vw, 1500px" /> </a> </div> </div> </div> </div> <div class="elementor-element elementor-element-df72206 e-flex e-con-boxed e-con e-child" data-id="df72206" data-element_type="container" data-settings="{"tpcp__live":"no"}"> <div class="e-con-inner"> <div class="elementor-element elementor-element-202aced elementor-widget elementor-widget-heading" data-id="202aced" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <p class="elementor-heading-title elementor-size-default">© POSIMYTH Innovation 2024</p> </div> </div> </div> </div> <div class="elementor-element elementor-element-f35b181 e-flex e-con-boxed e-con e-child" data-id="f35b181" data-element_type="container" data-settings="{"tpcp__live":"no"}"> <div class="e-con-inner"> <div class="elementor-element elementor-element-d306d20 elementor-widget elementor-widget-tp-social-icon" data-id="d306d20" data-element_type="widget" data-widget_type="tp-social-icon.default"> <div class="elementor-widget-container"> <div class="pt_plus_social_list text-right msocialtext-center style-9 " ><ul class="social_list "><li id="social67627bd4e3a0f2ebf777" class="elementor-repeater-item-2ebf777 style-9 social-fa-facebook social-8236690 " ><div class="social-loop-inner " ><a href="https://www.facebook.com/groups/theplus4elementor/" target="_blank"><i class="fa fab fa-facebook"></i><span class="line-top-left style-fa-facebook"></span><span class="line-top-center style-fa-facebook"></span><span class="line-top-right style-fa-facebook"></span><span class="line-bottom-left style-fa-facebook"></span><span class="line-bottom-center style-fa-facebook"></span><span class="line-bottom-right style-fa-facebook"></span></a></div></li><li id="social67627bd4e3a27b133608" class="elementor-repeater-item-b133608 style-9 social-fa-twitter social-6465743 " ><div class="social-loop-inner " ><a href="https://twitter.com/tpaelementor" target="_blank"><i class="fa fab fa-twitter"></i><span class="line-top-left style-fa-twitter"></span><span class="line-top-center style-fa-twitter"></span><span class="line-top-right style-fa-twitter"></span><span class="line-bottom-left style-fa-twitter"></span><span class="line-bottom-center style-fa-twitter"></span><span class="line-bottom-right style-fa-twitter"></span></a></div></li><li id="social67627bd4e3a399dbdf9e" class="elementor-repeater-item-9dbdf9e style-9 social-fa-instagram social-5238807 " ><div class="social-loop-inner " ><a href="https://www.instagram.com/theplus_elementor/" target="_blank"><i class="fa fab fa-instagram"></i><span class="line-top-left style-fa-instagram"></span><span class="line-top-center style-fa-instagram"></span><span class="line-top-right style-fa-instagram"></span><span class="line-bottom-left style-fa-instagram"></span><span class="line-bottom-center style-fa-instagram"></span><span class="line-bottom-right style-fa-instagram"></span></a></div></li><li id="social67627bd4e3a47ac29284" class="elementor-repeater-item-ac29284 style-9 social-fa-pinterest-p social-8476047 " ><div class="social-loop-inner " ><a href="https://in.pinterest.com/posimyth" target="_blank"><i class="fa fab fa-pinterest-p"></i><span class="line-top-left style-fa-pinterest-p"></span><span class="line-top-center style-fa-pinterest-p"></span><span class="line-top-right style-fa-pinterest-p"></span><span class="line-bottom-left style-fa-pinterest-p"></span><span class="line-bottom-center style-fa-pinterest-p"></span><span class="line-bottom-right style-fa-pinterest-p"></span></a></div></li><li id="social67627bd4e3a56df1fdc7" class="elementor-repeater-item-df1fdc7 style-9 social-fa fa-telegram social-8886765 " ><div class="social-loop-inner " ><a href="https://t.me/posimyth" target="_blank"><i class="fa fab fa fa-telegram"></i><span class="line-top-left style-fa fa-telegram"></span><span class="line-top-center style-fa fa-telegram"></span><span class="line-top-right style-fa fa-telegram"></span><span class="line-bottom-left style-fa fa-telegram"></span><span class="line-bottom-center style-fa fa-telegram"></span><span class="line-bottom-right style-fa fa-telegram"></span></a></div></li></ul></div> </div> </div> </div> </div> </div> </div> </div> </div> </div>  </div> </footer> </div> <script type="text/javascript"> /* <![CDATA[ */ jQuery( document ).ready(function() { jQuery('.home-cst-filter .category-filters .filter-category-list img').each(function(){ var $img = jQuery(this); var imgID = $img.attr('id'); var imgClass = $img.attr('class'); var imgURL = $img.attr('src'); jQuery.get(imgURL, function(data) { var $svg = jQuery(data).find('svg'); if(typeof imgID !== 'undefined') { $svg = $svg.attr('id', imgID); } if(typeof imgClass !== 'undefined') { $svg = $svg.attr('class', imgClass+' replaced-svg'); } $svg = $svg.removeAttr('xmlns:a'); if(!$svg.attr('viewBox') && $svg.attr('height') && $svg.attr('width')) { $svg.attr('viewBox', '0 0 ' + $svg.attr('height') + ' ' + $svg.attr('width')) } $img.replaceWith($svg); }, 'xml'); }); setTimeout(function() { jQuery(".home-cst-filter .post-filter-data .category-filters-child li:nth-child(1) a").trigger('click'); },10); jQuery( ".home-cst-filter .pt-plus-filter-post-category .category-filters li a" ).removeClass( "active" ); jQuery( ".home-cst-filter .pt-plus-filter-post-category .category-filters li:nth-child(4) a" ).addClass( "active" ); jQuery( ".home-cst-filter .pt-plus-filter-post-category .category-filters-child:nth-child(5)" ).addClass( "active" ); jQuery( ".home-cst-filter .post-filter-data .category-filters-child li:nth-child(1) a" ).addClass( "active" ); jQuery(".home-cst-filter .pt-plus-filter-post-category .category-filters li:nth-child(2) a").click(function(){ jQuery(".elementor-page-29139 .category-filters-child.cate-parent-plusextras li:nth-child(3) a,.elementor-page-66562 .category-filters-child.cate-parent-plusextras li:nth-child(3) a").click(); setTimeout(function() { jQuery('.elementor-page-29139 .category-filters-child.cate-parent-plusextras li:nth-child(3) a,.elementor-page-66562 .category-filters-child.cate-parent-plusextras li:nth-child(3) a').trigger('click'); },10); }); jQuery(".home-cst-filter .pt-plus-filter-post-category .category-filters li:nth-child(3)").click(function(){ setTimeout(function() { jQuery('.elementor-page-29139 .tp-child-filter-enable .category-filters-child.cate-parent-pluslisting li:nth-child(1) a,.elementor-page-66562 .tp-child-filter-enable .category-filters-child.cate-parent-pluslisting li:nth-child(1) a').trigger('click'); },10); }); jQuery(".home-cst-filter .pt-plus-filter-post-category .category-filters li:nth-child(4)").click(function(){ setTimeout(function() { jQuery('.elementor-page-29139 .tp-child-filter-enable .category-filters-child.cate-parent-pluswidgets li:nth-child(1) a,.elementor-page-66562 .tp-child-filter-enable .category-filters-child.cate-parent-pluswidgets li:nth-child(1) a').trigger('click'); },10); }); jQuery(".home-cst-filter .pt-plus-filter-post-category .category-filters li:nth-child(1)").click(function(){ setTimeout(function() { jQuery('.elementor-page-29139 .tp-child-filter-enable .category-filters-child.cate-parent-plus-builder li:nth-child(1) a,.elementor-page-66562 .tp-child-filter-enable .category-filters-child.cate-parent-plus-builder li:nth-child(1) a').trigger('click'); },20); }); jQuery( ".tp-cart-page-wrapper .woocommerce-cart-form .cart .actions .button" ).on( "click", function() { setTimeout(function(){ jQuery(".tp-cart-page-wrapper .woocommerce .woocommerce-cart-form .shop_table tr td .quantity").append('<span class="tp-quantity-arrow quantity-arrow-minus qty-nav decrease">-</span>'); jQuery(".tp-cart-page-wrapper .woocommerce .woocommerce-cart-form .shop_table tr td .quantity").prepend('<span class="tp-quantity-arrow quantity-arrow-plus qty-nav increase">+</span>'); }, 5000); }); jQuery(document).ajaxComplete(function() { jQuery(window).trigger('resize'); }); }); /* ]]> */ </script> <div id="yith-quick-view-modal" class="yith-quick-view yith-modal"> <div class="yith-quick-view-overlay"></div> <div id=""class="yith-wcqv-wrapper"> <div class="yith-wcqv-main"> <div class="yith-wcqv-head"> <a href="#" class="yith-quick-view-close"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6"> <path stroke-linecap="round" stroke-linejoin="round" d="M6 18 18 6M6 6l12 12" /> </svg> </a> </div> <div id="yith-quick-view-content" class="yith-quick-view-content woocommerce single-product"></div> </div> </div> </div> <div id="tp-live-copy-main" class="tp-live-copy-main" style="display:none;"> <div class="tp-live-copy-top">Click to copy</div> <div class="tp-live-copy-middle"> <a class="tp-btn-live-copy" href="#"><i aria-hidden="true" class="fas fa-copy"></i>Copy</a> </div> <div class="tp-live-copy-bottom"><a class="tp-live-b-link" href="https://theplusaddons.com/elementor/plus-extras/cross-domain-copy-paste-and-live-copy-elementor/" target="_blank">How it works?</a></div> </div> <script>jQuery(window).on("elementor/frontend/init", function () { jQuery(document).ready(function () { jQuery(".tp-live-copy-main").mouseover(function () { jQuery(this).closest(".elementor-section,.elementor-element.e-con").css("border", "1px solid #7f7f7f30").css("border-style", "dashed"); }), jQuery(".tp-live-copy-main").mouseout(function () { jQuery(this).closest(".elementor-section,.elementor-element.e-con").css("border-color", "inherit").css("border-style", "inherit"); }); }); }), (function (c) { c(window).on("elementor/frontend/init", function () { var e = c("#tp-live-copy-main").clone(), coDiv = []; e.removeAttr("style").removeAttr("id"); c(".elementor-section,.elementor-element.e-con") .filter(function (e, t) { var coset = c(t).data("settings"); if(coset && coset.tpcp__live && "yes" === coset.tpcp__live){ coDiv.push(t) } return coset && coset.tpcp__live && "yes" === coset.tpcp__live; }) .append(e), c(document).on("click", ".tp-btn-live-copy", function (e) { e.preventDefault(); var t, o = c(this), n = o.closest(".elementor").data("elementor-id"), id= o.closest(".elementor-section").data('id'), selDiv = []; coDiv.forEach( function(el , index ) { var cpy = c(el).closest(".elementor").data("elementor-id"); if(cpy == n){ selDiv.push(el) } }); var match = o.closest(".elementor-section,.elementor-element.e-con"), sectionIndex = Array.from(selDiv).indexOf(match[0]); (e = o.closest(".elementor-element.e-con").length ? ((t = o.closest(".elementor-element.e-con").data("element_type")), o.closest(".elementor-element.e-con").data("id")) : ((t = o.closest("section.elementor-section").data("element_type")), o.closest("section.elementor-section").data("id"))), o.closest(".tp-live-copy-main").addClass("active"), o.hasClass("tp-after-cp-click") || ("section" !== t && "container" !== t) || (o.addClass("tp-after-cp-click"), c('[data-id="' + e + '"] .tp-btn-live-copy'), c .get(theplus_live_copy_front.ajax_url, { action: "plus_live_copy_front", sectionid: e, postid: n, type: t, sectionIndex : sectionIndex+1, nonce: theplus_live_copy_front.nonce, beforeSend: function () { o.closest(".tp-live-copy-main").find(".tp-live-copy-top").text("Processing"); }, }) .done(function (e) { var t; e.success ? (((t = { tpeletype: "section" }).tpelecode = e.data), final_copy_fun(t), o.removeClass("tp-after-cp-click"), o.closest(".tp-live-copy-main").find(".tp-live-copy-top").text("Copied!"), setTimeout(function () { o.closest(".tp-live-copy-main").find(".tp-live-copy-top").text("Click to copy"), o.closest(".tp-live-copy-main").removeClass("active"); }, 2e3)) : console.log("Something is wrong!"); })); }); }); })(jQuery); </script> <style>.tp-live-copy-main{position:absolute;top:40%;right:0;visibility:hidden;opacity:0;z-index:99999;text-decoration:none;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);transition:all 0.3s linear}.elementor-section.live-copy-preview .tp-live-copy-main,.elementor-section:not(.elementor-element-edit-mode):hover .tp-live-copy-main,.elementor-element.e-con.live-copy-preview .tp-live-copy-main,.elementor-element.e-con:not(.elementor-element-edit-mode):hover .tp-live-copy-main{visibility:visible;opacity:1;top:50%}.tp-live-copy-main .tp-btn-live-copy{display:flex;width:100px;height:40px;line-height:1;-webkit-transition:all 0.2s;transition:all 0.2s;background-color:#ff5a6e;box-shadow:0 10px 30px 0 rgba(0,0,0,.2);color:#fff;text-align:center;text-transform:uppercase;z-index:100;align-items:center;font-size:12px;letter-spacing:1px;text-align:center;justify-content:center;border-radius:3px}.tp-live-copy-main .tp-live-copy-top,.tp-live-copy-main .tp-live-copy-middle,.tp-live-copy-main .tp-live-copy-bottom{position:relative;display:flex;align-items:center;justify-content:center;vertical-align:middle;transition:all 0.3s linear;text-align:center}.tp-live-copy-main .tp-btn-live-copy i{margin-right:7px}.elementor-section .tp-live-copy-main .tp-live-copy-top,.elementor-section .tp-live-copy-main .tp-live-copy-bottom,.elementor-element.e-con .tp-live-copy-main .tp-live-copy-top,.elementor-element.e-con .tp-live-copy-main .tp-live-copy-bottom{background:#8072fc;color:#fff;width:85%;margin:0 auto;padding:3px 2px;font-size:11px}.elementor-section .tp-live-copy-main .tp-live-copy-top,.elementor-element.e-con .tp-live-copy-main .tp-live-copy-top{transform:translateY(35px);border-top-left-radius:10px;border-top-right-radius:10px}.elementor-section .tp-live-copy-main .tp-live-copy-bottom,.elementor-element.e-con .tp-live-copy-main .tp-live-copy-bottom{transform:translateY(-35px);border-bottom-left-radius:10px;border-bottom-right-radius:10px}.elementor-section .tp-live-copy-main:hover .tp-live-copy-top,.elementor-section .tp-live-copy-main:hover .tp-live-copy-bottom,.elementor-section .tp-live-copy-main.active .tp-live-copy-top,.elementor-element.e-con .tp-live-copy-main:hover .tp-live-copy-top,.elementor-element.e-con .tp-live-copy-main:hover .tp-live-copy-bottom,.elementor-element.e-con .tp-live-copy-main.active .tp-live-copy-top{transform:translateY(0)}.elementor-section .tp-live-copy-main .tp-live-copy-bottom .tp-live-b-link,.elementor-element.e-con .tp-live-copy-main .tp-live-copy-bottom .tp-live-b-link{color:#fff}.elementor-section.live-copy-preview .elementor-section .tp-live-copy-main,.elementor-section:not(.elementor-element-edit-mode) .elementor-section .tp-live-copy-main,.elementor-element.e-con.live-copy-preview .elementor-element.e-con .tp-live-copy-main,.elementor-element.e-con:not(.elementor-element-edit-mode) .elementor-element.e-con .tp-live-copy-main{top:0%}.elementor-section.live-copy-preview .elementor-section .tp-live-copy-main .tp-btn-live-copy,.elementor-section:not(.elementor-element-edit-mode) .elementor-section .tp-live-copy-main .tp-btn-live-copy,.elementor-element.e-con.live-copy-preview .elementor-element.e-con .tp-live-copy-main .tp-btn-live-copy,.elementor-element.e-con:not(.elementor-element-edit-mode) .elementor-element.e-con .tp-live-copy-main .tp-btn-live-copy{background-color:#6fc784}.elementor-section.live-copy-preview .elementor-section .tp-live-copy-main,.elementor-section:not(.elementor-element-edit-mode) .elementor-section .tp-live-copy-main,.elementor-element.e-con.live-copy-preview .elementor-element.e-con .tp-live-copy-main,.elementor-element.e-con:not(.elementor-element-edit-mode) .elementor-element.e-con .tp-live-copy-main{opacity:0;visibility:hidden;transition:all 0.3s linear;right:0}.elementor-section.live-copy-preview .elementor-section:hover .tp-live-copy-main,.elementor-section:not(.elementor-element-edit-mode) .elementor-section:hover .tp-live-copy-main,.elementor-element.e-con.live-copy-preview .elementor-element.e-con:hover .tp-live-copy-main,.elementor-element.e-con:not(.elementor-element-edit-mode) .elementor-element.e-con:hover .tp-live-copy-main{opacity:1;visibility:visible;top:20%}</style> <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> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true"> <div class="pswp__bg"></div> <div class="pswp__scroll-wrap"> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <div class="pswp__counter"></div> <button class="pswp__button pswp__button--close" aria-label="Close (Esc)"></button> <button class="pswp__button pswp__button--share" aria-label="Share"></button> <button class="pswp__button pswp__button--fs" aria-label="Toggle fullscreen"></button> <button class="pswp__button pswp__button--zoom" aria-label="Zoom in/out"></button> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button class="pswp__button pswp__button--arrow--left" aria-label="Previous (arrow left)"></button> <button class="pswp__button pswp__button--arrow--right" aria-label="Next (arrow right)"></button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <link rel='stylesheet' id='widget-video-css' href='https://theplusaddons.com/wp-content/plugins/elementor/assets/css/widget-video.min.css?ver=3.26.0' type='text/css' media='all' /> <link rel='stylesheet' id='widget-divider-css' href='https://theplusaddons.com/wp-content/plugins/elementor/assets/css/widget-divider.min.css?ver=3.26.0' type='text/css' media='all' /> <link rel='stylesheet' id='widget-icon-list-css' href='https://theplusaddons.com/wp-content/plugins/elementor/assets/css/widget-icon-list.min.css?ver=3.26.0' type='text/css' media='all' /> <link rel='stylesheet' id='widget-image-css' href='https://theplusaddons.com/wp-content/plugins/elementor/assets/css/widget-image.min.css?ver=3.26.0' type='text/css' media='all' /> <link rel='stylesheet' id='widget-heading-css' href='https://theplusaddons.com/wp-content/plugins/elementor/assets/css/widget-heading.min.css?ver=3.26.0' type='text/css' media='all' /> <link rel='stylesheet' id='elementor-post-102552-css' href='https://theplusaddons.com/wp-content/uploads/elementor/css/post-102552.css?ver=1734421119' type='text/css' media='all' /> <link rel='stylesheet' id='widget-rating-css' href='https://theplusaddons.com/wp-content/plugins/elementor/assets/css/widget-rating.min.css?ver=3.26.0' type='text/css' media='all' /> <link rel="stylesheet" id="wkit_css_1_b2csqp24-css" href="https://theplusaddons.com/wp-content/cache/perfmatters/theplusaddons.com/minify/1b05ff852981.WDesignKit_Feed_gncfxg24.min.css?ver=1.0.31.920314" type="text/css" media="all"> <style id='core-block-supports-inline-css' type='text/css'> /** * Core styles: block-supports */ </style> <link rel="stylesheet" id="elementor-icons-css" href="https://theplusaddons.com/wp-content/cache/perfmatters/theplusaddons.com/minify/49584d0498e6.elementor-icons.min.css?ver=5.34.0" type="text/css" media="all"> <link rel='stylesheet' id='elementor-post-62658-css' href='https://theplusaddons.com/wp-content/uploads/elementor/css/post-62658.css?ver=1734421018' type='text/css' media='all' /> <link rel="stylesheet" id="font-awesome-5-all-css" href="https://theplusaddons.com/wp-content/cache/perfmatters/theplusaddons.com/minify/8452290d7deb.all.min.css?ver=3.26.0" type="text/css" media="all"> <link rel="stylesheet" id="font-awesome-4-shim-css" href="https://theplusaddons.com/wp-content/cache/perfmatters/theplusaddons.com/minify/7ee1c091fc09.v4-shims.min.css?ver=3.26.0" type="text/css" media="all"> <script type="text/javascript" id="nexter-frontend-js-js-extra"> /* <![CDATA[ */ var nexter_load_js = {"url":"https:\/\/theplusaddons.com\/wp-admin\/admin-ajax.php","nonce":"3ee3522f80","isRtl":""}; /* ]]> */ </script> <script type="text/javascript" src="https://theplusaddons.com/wp-content/cache/perfmatters/theplusaddons.com/minify/8112b0bca7cc.nexter-frontend.min.js?ver=3.1.5" id="nexter-frontend-js-js" defer></script> <script type="text/javascript" src="https://theplusaddons.com/wp-content/cache/perfmatters/theplusaddons.com/minify/442605130d27.hooks.min.js?ver=2e6d63e772894a800ba8" id="wp-hooks-js" defer></script> <script type="text/javascript" src="https://theplusaddons.com/wp-content/cache/perfmatters/theplusaddons.com/minify/5493c3af5d84.i18n.min.js?ver=2aff907006e2aa00e26e" id="wp-i18n-js" defer></script> <script type="text/javascript" id="wp-i18n-js-after"> /* <![CDATA[ */ wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } ); /* ]]> */ </script> <script type="pmdelayedscript" src="https://theplusaddons.com/wp-content/plugins/contact-form-7/includes/swv/js/index.js?ver=6.0.1" id="swv-js" data-perfmatters-type="text/javascript" data-cfasync="false" data-no-optimize="1" data-no-defer="1" data-no-minify="1"></script> <script type="text/javascript" id="contact-form-7-js-before"> /* <![CDATA[ */ var wpcf7 = { "api": { "root": "https:\/\/theplusaddons.com\/wp-json\/", "namespace": "contact-form-7\/v1" }, "cached": 1 }; /* ]]> */ </script> <script type="pmdelayedscript" src="https://theplusaddons.com/wp-content/plugins/contact-form-7/includes/js/index.js?ver=6.0.1" id="contact-form-7-js" data-perfmatters-type="text/javascript" data-cfasync="false" data-no-optimize="1" data-no-defer="1" data-no-minify="1"></script> <script type="text/javascript" src="https://theplusaddons.com/wp-content/cache/perfmatters/theplusaddons.com/minify/38a7df32cd59.core.min.js?ver=1.13.3" id="jquery-ui-core-js"></script> <script type="text/javascript" src="https://theplusaddons.com/wp-content/cache/perfmatters/theplusaddons.com/minify/12e5c38256ca.mouse.min.js?ver=1.13.3" id="jquery-ui-mouse-js"></script> <script type="text/javascript" src="https://theplusaddons.com/wp-content/cache/perfmatters/theplusaddons.com/minify/35f4f07cb18e.slider.min.js?ver=1.13.3" id="jquery-ui-slider-js"></script> <script type="text/javascript" src="https://theplusaddons.com/wp-content/cache/perfmatters/theplusaddons.com/minify/4f0e7d574248.draggable.min.js?ver=1.13.3" id="jquery-ui-draggable-js"></script> <script type="text/javascript" src="https://theplusaddons.com/wp-includes/js/jquery/jquery.ui.touch-punch.js?ver=0.2.2" id="jquery-touch-punch-js"></script> <script type="text/javascript" id="yith-woocompare-main-js-extra"> /* <![CDATA[ */ var yith_woocompare = {"ajaxurl":"\/?wc-ajax=%%endpoint%%","actionadd":"yith-woocompare-add-product","actionremove":"yith-woocompare-remove-product","actionview":"yith-woocompare-view-table","actionreload":"yith-woocompare-reload-product","add_nonce":"e6f16cfd0d","remove_nonce":"81555dc675","reload_nonce":"3650630579","added_label":"Added","table_title":"Product Comparison","auto_open":"yes","loader":"https:\/\/theplusaddons.com\/wp-content\/plugins\/yith-woocommerce-compare\/assets\/images\/loader.gif","button_text":"Compare","cookie_name":"yith_woocompare_list","close_label":"Close"}; /* ]]> */ </script> <script type="text/javascript" id="yith-wcqv-frontend-js-extra"> /* <![CDATA[ */ var yith_qv = {"ajaxurl":"\/wp-admin\/admin-ajax.php","loader":"https:\/\/theplusaddons.com\/wp-content\/plugins\/yith-woocommerce-quick-view\/assets\/image\/qv-loader.gif","lang":"","is_mobile":""}; /* ]]> */ </script> <script type="text/javascript" id="wc-order-attribution-js-extra"> /* <![CDATA[ */ var wc_order_attribution = {"params":{"lifetime":1.0e-5,"session":30,"base64":false,"ajaxurl":"https:\/\/theplusaddons.com\/wp-admin\/admin-ajax.php","prefix":"wc_order_attribution_","allowTracking":true},"fields":{"source_type":"current.typ","referrer":"current_add.rf","utm_campaign":"current.cmp","utm_source":"current.src","utm_medium":"current.mdm","utm_content":"current.cnt","utm_id":"current.id","utm_term":"current.trm","utm_source_platform":"current.plt","utm_creative_format":"current.fmt","utm_marketing_tactic":"current.tct","session_entry":"current_add.ep","session_start_time":"current_add.fd","session_pages":"session.pgs","session_count":"udata.vst","user_agent":"udata.uag"}}; /* ]]> */ </script> <script type="text/javascript" id="perfmatters-lazy-load-js-before"> /* <![CDATA[ */ window.lazyLoadOptions={elements_selector:"img[data-src],.perfmatters-lazy,.perfmatters-lazy-css-bg",thresholds:"0px 0px",class_loading:"pmloading",class_loaded:"pmloaded",callback_loaded:function(element){if(element.tagName==="IFRAME"){if(element.classList.contains("pmloaded")){if(typeof window.jQuery!="undefined"){if(jQuery.fn.fitVids){jQuery(element).parent().fitVids()}}}}}};window.addEventListener("LazyLoad::Initialized",function(e){var lazyLoadInstance=e.detail.instance;var target=document.querySelector("body");var observer=new MutationObserver(function(mutations){lazyLoadInstance.update()});var config={childList:!0,subtree:!0};observer.observe(target,config);}); /* ]]> */ </script> <script type="text/javascript" async src="https://theplusaddons.com/wp-content/plugins/perfmatters/js/lazyload.min.js?ver=2.3.6" id="perfmatters-lazy-load-js"></script> <script type="text/javascript" async data-no-optimize="1" src="https://theplusaddons.com/wp-content/plugins/perfmatters/vendor/instant-page/pminstantpage.min.js?ver=2.3.6" id="perfmatters-instant-page-js"></script> <script type="text/javascript" src="https://theplusaddons.com/wp-content/cache/perfmatters/theplusaddons.com/minify/64ee80f232bb.WDesignKit_Feed_gncfxg24.min.js?ver=1.0.31.373159" id="wkit_child_script_de1kai24-js" defer></script> <script type="text/javascript" src="//theplusaddons.com/wp-content/uploads/theplus-addons/theplus-post-152059.min.js?ver=1734516511" id="theplus-front-js-js" defer></script> <script type="text/javascript" id="plus-cross-cp-js-extra"> /* <![CDATA[ */ var theplus_live_copy_front = {"ajax_url":"https:\/\/theplusaddons.com\/wp-admin\/admin-ajax.php","nonce":"7065d6383f","page_id":"152059"}; /* ]]> */ </script> <script type="text/javascript" src="https://theplusaddons.com/wp-content/cache/perfmatters/theplusaddons.com/minify/34de4559ba0e.v4-shims.min.js?ver=3.26.0" id="font-awesome-4-shim-js" defer></script> <script type="text/javascript" src="https://theplusaddons.com/wp-content/cache/perfmatters/theplusaddons.com/minify/9640049cbb9b.webpack.runtime.min.js?ver=3.26.0" id="elementor-webpack-runtime-js" defer></script> <script type="text/javascript" src="https://theplusaddons.com/wp-content/cache/perfmatters/theplusaddons.com/minify/b9a91ff48866.frontend-modules.min.js?ver=3.26.0" id="elementor-frontend-modules-js" defer></script> <script type="text/javascript" id="elementor-frontend-js-before"> /* <![CDATA[ */ var elementorFrontendConfig = {"environmentMode":{"edit":false,"wpPreview":false,"isScriptDebug":true},"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","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}},"hasCustomBreakpoints":false},"version":"3.26.0","is_static":false,"experimentalFeatures":{"additional_custom_breakpoints":true,"container":true,"e_swiper_latest":true,"e_nested_atomic_repeaters":true,"e_onboarding":true,"e_css_smooth_scroll":true,"home_screen":true,"landing-pages":true,"nested-elements":true,"editor_v2":true,"e_element_cache":true,"link-in-bio":true,"floating-buttons":true},"urls":{"assets":"https:\/\/theplusaddons.com\/wp-content\/plugins\/elementor\/assets\/","ajaxurl":"https:\/\/theplusaddons.com\/wp-admin\/admin-ajax.php","uploadUrl":"https:\/\/theplusaddons.com\/wp-content\/uploads"},"nonces":{"floatingButtonsClickTracking":"7c0b4f7ffc"},"swiperClass":"swiper","settings":{"page":[],"editorPreferences":[]},"kit":{"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":152059,"title":"How%20to%20Add%20Magic%20Scroll%20Effect%20to%20Text%20in%20Elementor%3F%20%7C%20The%20Plus%20Addons%20for%20Elementor","excerpt":"","featuredImage":"https:\/\/theplusaddons.com\/wp-content\/uploads\/2024\/05\/How-to-Add-Scroll-Effect-to-Text-in-Elementor_-1024x536.jpg"}}; /* ]]> */ </script> <script type="text/javascript" src="https://theplusaddons.com/wp-content/cache/perfmatters/theplusaddons.com/minify/2b51163fbe41.frontend.min.js?ver=3.26.0" id="elementor-frontend-js" defer></script> <script> /(trident|msie)/i.test(navigator.userAgent)&&document.getElementById&&window.addEventListener&&window.addEventListener("hashchange",function(){var t,e=location.hash.substring(1);/^[A-z0-9_-]+$/.test(e)&&(t=document.getElementById(e))&&(/^(?:a|select|input|button|textarea)$/i.test(t.tagName)||(t.tabIndex=-1),t.focus())},!1); </script> <script id="perfmatters-delayed-scripts-js">const pmDelayClick=false;const pmUserInteractions=["keydown","mousedown","mousemove","wheel","touchmove","touchstart","touchend"],pmDelayedScripts={normal:[],defer:[],async:[]},jQueriesArray=[],pmInterceptedClicks=[];var pmDOMLoaded=!1,pmClickTarget="";function pmTriggerDOMListener(){"undefined"!=typeof pmDelayTimer&&clearTimeout(pmDelayTimer),pmUserInteractions.forEach(function(e){window.removeEventListener(e,pmTriggerDOMListener,{passive:!0})}),document.removeEventListener("visibilitychange",pmTriggerDOMListener),"loading"===document.readyState?document.addEventListener("DOMContentLoaded",pmTriggerDelayedScripts):pmTriggerDelayedScripts()}async function pmTriggerDelayedScripts(){pmDelayEventListeners(),pmDelayJQueryReady(),pmProcessDocumentWrite(),pmSortDelayedScripts(),pmPreloadDelayedScripts(),await pmLoadDelayedScripts(pmDelayedScripts.normal),await pmLoadDelayedScripts(pmDelayedScripts.defer),await pmLoadDelayedScripts(pmDelayedScripts.async),await pmTriggerEventListeners(),document.querySelectorAll("link[data-pmdelayedstyle]").forEach(function(e){e.setAttribute("href",e.getAttribute("data-pmdelayedstyle"))}),window.dispatchEvent(new Event("perfmatters-allScriptsLoaded")),pmWaitForPendingClicks().then(()=>{pmReplayClicks()})}function pmDelayEventListeners(){let e={};function t(t,n){function r(n){return e[t].delayedEvents.indexOf(n)>=0?"perfmatters-"+n:n}e[t]||(e[t]={originalFunctions:{add:t.addEventListener,remove:t.removeEventListener},delayedEvents:[]},t.addEventListener=function(){arguments[0]=r(arguments[0]),e[t].originalFunctions.add.apply(t,arguments)},t.removeEventListener=function(){arguments[0]=r(arguments[0]),e[t].originalFunctions.remove.apply(t,arguments)}),e[t].delayedEvents.push(n)}function n(e,t){let n=e[t];Object.defineProperty(e,t,{get:n||function(){},set:function(n){e["perfmatters"+t]=n}})}t(document,"DOMContentLoaded"),t(window,"DOMContentLoaded"),t(window,"load"),t(window,"pageshow"),t(document,"readystatechange"),n(document,"onreadystatechange"),n(window,"onload"),n(window,"onpageshow")}function pmDelayJQueryReady(){let e=window.jQuery;Object.defineProperty(window,"jQuery",{get:()=>e,set(t){if(t&&t.fn&&!jQueriesArray.includes(t)){t.fn.ready=t.fn.init.prototype.ready=function(e){pmDOMLoaded?e.bind(document)(t):document.addEventListener("perfmatters-DOMContentLoaded",function(){e.bind(document)(t)})};let n=t.fn.on;t.fn.on=t.fn.init.prototype.on=function(){if(this[0]===window){function e(e){return e=(e=(e=e.split(" ")).map(function(e){return"load"===e||0===e.indexOf("load.")?"perfmatters-jquery-load":e})).join(" ")}"string"==typeof arguments[0]||arguments[0]instanceof String?arguments[0]=e(arguments[0]):"object"==typeof arguments[0]&&Object.keys(arguments[0]).forEach(function(t){delete Object.assign(arguments[0],{[e(t)]:arguments[0][t]})[t]})}return n.apply(this,arguments),this},jQueriesArray.push(t)}e=t}})}function pmProcessDocumentWrite(){let e=new Map;document.write=document.writeln=function(t){var n=document.currentScript,r=document.createRange();let a=e.get(n);void 0===a&&(a=n.nextSibling,e.set(n,a));var i=document.createDocumentFragment();r.setStart(i,0),i.appendChild(r.createContextualFragment(t)),n.parentElement.insertBefore(i,a)}}function pmSortDelayedScripts(){document.querySelectorAll("script[type=pmdelayedscript]").forEach(function(e){e.hasAttribute("src")?e.hasAttribute("defer")&&!1!==e.defer?pmDelayedScripts.defer.push(e):e.hasAttribute("async")&&!1!==e.async?pmDelayedScripts.async.push(e):pmDelayedScripts.normal.push(e):pmDelayedScripts.normal.push(e)})}function pmPreloadDelayedScripts(){var e=document.createDocumentFragment();[...pmDelayedScripts.normal,...pmDelayedScripts.defer,...pmDelayedScripts.async].forEach(function(t){var n=t.getAttribute("src");if(n){var r=document.createElement("link");r.href=n,"module"==t.getAttribute("data-perfmatters-type")?r.rel="modulepreload":(r.rel="preload",r.as="script"),e.appendChild(r)}}),document.head.appendChild(e)}async function pmLoadDelayedScripts(e){var t=e.shift();return t?(await pmReplaceScript(t),pmLoadDelayedScripts(e)):Promise.resolve()}async function pmReplaceScript(e){return await pmNextFrame(),new Promise(function(t){let n=document.createElement("script");[...e.attributes].forEach(function(e){let t=e.nodeName;"type"!==t&&("data-perfmatters-type"===t&&(t="type"),n.setAttribute(t,e.nodeValue))}),e.hasAttribute("src")?(n.addEventListener("load",t),n.addEventListener("error",t)):(n.text=e.text,t()),e.parentNode.replaceChild(n,e)})}async function pmTriggerEventListeners(){pmDOMLoaded=!0,await pmNextFrame(),document.dispatchEvent(new Event("perfmatters-DOMContentLoaded")),await pmNextFrame(),window.dispatchEvent(new Event("perfmatters-DOMContentLoaded")),await pmNextFrame(),document.dispatchEvent(new Event("perfmatters-readystatechange")),await pmNextFrame(),document.perfmattersonreadystatechange&&document.perfmattersonreadystatechange(),await pmNextFrame(),window.dispatchEvent(new Event("perfmatters-load")),await pmNextFrame(),window.perfmattersonload&&window.perfmattersonload(),await pmNextFrame(),jQueriesArray.forEach(function(e){e(window).trigger("perfmatters-jquery-load")});let e=new Event("perfmatters-pageshow");e.persisted=window.pmPersisted,window.dispatchEvent(e),await pmNextFrame(),window.perfmattersonpageshow&&window.perfmattersonpageshow({persisted:window.pmPersisted})}async function pmNextFrame(){return new Promise(function(e){requestAnimationFrame(e)})}function pmReplayClicks(){window.removeEventListener("touchstart",pmTouchStartHandler,{passive:!0}),window.removeEventListener("mousedown",pmTouchStartHandler),pmInterceptedClicks.forEach(e=>{e.target.outerHTML===pmClickTarget&&e.target.dispatchEvent(new MouseEvent("click",{view:e.view,bubbles:!0,cancelable:!0}))})}function pmWaitForPendingClicks(){return new Promise(e=>{window.pmIsClickPending?pmPendingClickFinished=e:e()})}function pmPendingClickStarted(){window.pmIsClickPending=!0}function pmPendingClickFinished(){window.pmIsClickPending=!1}function pmClickHandler(e){e.target.removeEventListener("click",pmClickHandler),pmRenameDOMAttribute(e.target,"pm-onclick","onclick"),pmInterceptedClicks.push(e),e.preventDefault(),e.stopPropagation(),e.stopImmediatePropagation(),pmPendingClickFinished()}function pmTouchStartHandler(e){"HTML"!==e.target.tagName&&(pmClickTarget||(pmClickTarget=e.target.outerHTML),window.addEventListener("touchend",pmTouchEndHandler),window.addEventListener("mouseup",pmTouchEndHandler),window.addEventListener("touchmove",pmTouchMoveHandler,{passive:!0}),window.addEventListener("mousemove",pmTouchMoveHandler),e.target.addEventListener("click",pmClickHandler),pmRenameDOMAttribute(e.target,"onclick","pm-onclick"),pmPendingClickStarted())}function pmTouchMoveHandler(e){window.removeEventListener("touchend",pmTouchEndHandler),window.removeEventListener("mouseup",pmTouchEndHandler),window.removeEventListener("touchmove",pmTouchMoveHandler,{passive:!0}),window.removeEventListener("mousemove",pmTouchMoveHandler),e.target.removeEventListener("click",pmClickHandler),pmRenameDOMAttribute(e.target,"pm-onclick","onclick"),pmPendingClickFinished()}function pmTouchEndHandler(e){window.removeEventListener("touchend",pmTouchEndHandler),window.removeEventListener("mouseup",pmTouchEndHandler),window.removeEventListener("touchmove",pmTouchMoveHandler,{passive:!0}),window.removeEventListener("mousemove",pmTouchMoveHandler)}function pmRenameDOMAttribute(e,t,n){e.hasAttribute&&e.hasAttribute(t)&&(event.target.setAttribute(n,event.target.getAttribute(t)),event.target.removeAttribute(t))}window.pmIsClickPending=!1,window.addEventListener("pageshow",e=>{window.pmPersisted=e.persisted}),pmUserInteractions.forEach(function(e){window.addEventListener(e,pmTriggerDOMListener,{passive:!0})}),pmDelayClick&&(window.addEventListener("touchstart",pmTouchStartHandler,{passive:!0}),window.addEventListener("mousedown",pmTouchStartHandler)),document.addEventListener("visibilitychange",pmTriggerDOMListener);var pmeDeviceMode,pmeAnimationSettingsKeys,pmeCurrentAnimation;function pmeAnimation(){(pmeDeviceMode=document.createElement("span")).id="elementor-device-mode",pmeDeviceMode.setAttribute("class","elementor-screen-only"),document.body.appendChild(pmeDeviceMode),requestAnimationFrame(pmeDetectAnimations)}function pmeDetectAnimations(){pmeAnimationSettingsKeys=pmeListAnimationSettingsKeys(getComputedStyle(pmeDeviceMode,":after").content.replace(/"/g,"")),document.querySelectorAll(".elementor-invisible[data-settings]").forEach(a=>{let b=a.getBoundingClientRect();if(b.bottom>=0&&b.top<=window.innerHeight)try{pmeAnimateElement(a)}catch(c){}})}function pmeAnimateElement(a){let b=JSON.parse(a.dataset.settings),d=b._animation_delay||b.animation_delay||0,c=b[pmeAnimationSettingsKeys.find(a=>b[a])];if("none"===c)return void a.classList.remove("elementor-invisible");a.classList.remove(c),pmeCurrentAnimation&&a.classList.remove(pmeCurrentAnimation),pmeCurrentAnimation=c;let e=setTimeout(()=>{a.classList.remove("elementor-invisible"),a.classList.add("animated",c),pmeRemoveAnimationSettings(a,b)},d);window.addEventListener("perfmatters-startLoading",function(){clearTimeout(e)})}function pmeListAnimationSettingsKeys(b="mobile"){let a=[""];switch(b){case"mobile":a.unshift("_mobile");case"tablet":a.unshift("_tablet");case"desktop":a.unshift("_desktop")}let c=[];return["animation","_animation"].forEach(b=>{a.forEach(a=>{c.push(b+a)})}),c}function pmeRemoveAnimationSettings(a,b){pmeListAnimationSettingsKeys().forEach(a=>delete b[a]),a.dataset.settings=JSON.stringify(b)}document.addEventListener("DOMContentLoaded",pmeAnimation)</script></body> </html>

CINXE.COM

How to Add Magic Scroll Effect to Text in Elementor? | The Plus Addons for Elementor