{"id":40080,"date":"2020-01-29T15:34:04","date_gmt":"2020-01-29T10:04:04","guid":{"rendered":"https:\/\/elementor.theplusaddons.com\/?page_id=40080"},"modified":"2023-11-07T14:31:25","modified_gmt":"2023-11-07T09:01:25","slug":"lottiefiles-on-scroll-animation-elementor","status":"publish","type":"page","link":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/widgets\/lottiefiles-on-scroll-animation-elementor\/","title":{"rendered":"Lottiefiles On Scroll Animation Elementor"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"40080\" class=\"elementor elementor-40080\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8056434 e-flex e-con-boxed e-con e-parent\" data-id=\"8056434\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;shape_divider_bottom&quot;:&quot;mountains&quot;,&quot;plus_gsap_animation_type&quot;:&quot;none&quot;,&quot;tpcp__live&quot;:&quot;no&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-shape elementor-shape-bottom\" aria-hidden=\"true\" data-negative=\"false\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1000 100\" preserveAspectRatio=\"none\">\n\t<path class=\"elementor-shape-fill\" opacity=\"0.33\" d=\"M473,67.3c-203.9,88.3-263.1-34-320.3,0C66,119.1,0,59.7,0,59.7V0h1000v59.7 c0,0-62.1,26.1-94.9,29.3c-32.8,3.3-62.8-12.3-75.8-22.1C806,49.6,745.3,8.7,694.9,4.7S492.4,59,473,67.3z\"\/>\n\t<path class=\"elementor-shape-fill\" opacity=\"0.66\" d=\"M734,67.3c-45.5,0-77.2-23.2-129.1-39.1c-28.6-8.7-150.3-10.1-254,39.1 s-91.7-34.4-149.2,0C115.7,118.3,0,39.8,0,39.8V0h1000v36.5c0,0-28.2-18.5-92.1-18.5C810.2,18.1,775.7,67.3,734,67.3z\"\/>\n\t<path class=\"elementor-shape-fill\" d=\"M766.1,28.9c-200-57.5-266,65.5-395.1,19.5C242,1.8,242,5.4,184.8,20.6C128,35.8,132.3,44.9,89.9,52.5C28.6,63.7,0,0,0,0 h1000c0,0-9.9,40.9-83.6,48.1S829.6,47,766.1,28.9z\"\/>\n<\/svg>\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4d5d008 e-con-full e-flex e-con e-child\" data-id=\"4d5d008\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;plus_gsap_animation_type&quot;:&quot;none&quot;,&quot;tpcp__live&quot;:&quot;no&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ca9468c free-pro-frrim-tag elementor-widget elementor-widget-tp-button\" data-id=\"ca9468c\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;plus_gsap_animation_type&quot;:&quot;none&quot;}\" data-widget_type=\"tp-button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"pt-plus-button-wrapper   text-left text--mobileleft   \"><div class=\"button_parallax   \" ><div id=\"button69f08f24eba04\"  class=\" text-left text--mobileleft ts-button content_hover_effect   \" ><div class=\"pt_plus_button btn69f08f24eb658 button-style-10   \"  ><div class=\"animted-content-inner \"><a class=\"button-link-wrap \" role=\"button\" data-hover=\"Pro\"  >Pro<\/a><\/div><\/div><\/div><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-73b2b8b text-left elementor-widget elementor-widget-tp-heading-title\" data-id=\"73b2b8b\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;plus_gsap_animation_type&quot;:&quot;none&quot;}\" data-widget_type=\"tp-heading-title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"heading heading_style heading_style69f08f24ed7e5 style-1 \"  data-tp-gsap-heading-text=\"\" data-tp-gsap-sub-heading-text=\"\"><div class=\"sub-style \"  ><div class=\"head-title \" > <h1  class=\"heading-title   \"   data-hover=\"On Scroll Lottiefiles in Elementor\">On Scroll Lottiefiles in Elementor<span class=\"title-s \">  <\/span><\/h1><\/div><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4c1c390 elementor-widget elementor-widget-tp-adv-text-block\" data-id=\"4c1c390\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;plus_gsap_animation_type&quot;:&quot;none&quot;}\" data-widget_type=\"tp-adv-text-block.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"pt-plus-text-block-wrapper\" data-tp-gsap-textblock=\"\" ><div class=\"text_block_parallax\"><div class=\"pt_plus_adv_text_block \" ><div class=\"text-content-block\">Demo for On Scroll Lottiefiles using Elementor and The Plus Addons. It is most easy and powerful way to setup lottiefiles based on Scroll, Which will auto change as per scroll values.<\/div><\/div><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a17a212 elementor-widget elementor-widget-tp-style-list\" data-id=\"a17a212\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;plus_gsap_animation_type&quot;:&quot;none&quot;}\" data-widget_type=\"tp-style-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n\t\t<div class=\"plus-stylist-list-wrapper     \"   data-layout=\"{&quot;desktop&quot;:&quot;default&quot;,&quot;tablet&quot;:&quot;default&quot;,&quot;mobile&quot;:&quot;default&quot;}\" >\r\n\t\t\t\r\n\t\t<ul class=\"plus-icon-list-items d-flex-center\">\r\n\t\t\t\t\t\t\t<li id=\"tooltip69f08f2613841\" class=\"plus-icon-list-item elementor-repeater-item-dc12288   active\" data-local=\"true\" >\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"plus-icon-list-icon \"> \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<i class=\"fa fa-snowflake-o\" aria-hidden=\"true\"><\/i>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t<div class=\"plus-icon-list-text \" >\r\n\t\t\t\t\t\tUpload AE to Lottifiles and Use It\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t\t\t\t<\/li>\r\n\t\t\t\t\t\t\t\t<li id=\"tooltip69f08f261386d\" class=\"plus-icon-list-item elementor-repeater-item-d0e76ad   \" data-local=\"true\" >\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"plus-icon-list-icon \"> \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<i class=\"fa fa-file-code-o\" aria-hidden=\"true\"><\/i>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t<div class=\"plus-icon-list-text \" >\r\n\t\t\t\t\t\tEasy to manage JSON based\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t\t\t\t<\/li>\r\n\t\t\t\t\t\t\t\t<li id=\"tooltip69f08f2613886\" class=\"plus-icon-list-item elementor-repeater-item-bf0dddb   \" data-local=\"true\" >\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"plus-icon-list-icon \"> \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<i class=\"fa fa-ravelry\" aria-hidden=\"true\"><\/i>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t<div class=\"plus-icon-list-text \" >\r\n\t\t\t\t\t\tFor Animation and Interactive Designers\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t\t\t\t<\/li>\r\n\t\t\t\t\t\t\t\t<li id=\"tooltip69f08f261389c\" class=\"plus-icon-list-item elementor-repeater-item-59e2f7c   \" data-local=\"true\" >\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"plus-icon-list-icon \"> \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<i class=\"fa fa-grav\" aria-hidden=\"true\"><\/i>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t<div class=\"plus-icon-list-text \" >\r\n\t\t\t\t\t\tUse collection of world\u2019s best motion designers\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t\t\t\t<\/li>\r\n\t\t\t\t\t\t<\/ul>\r\n\r\n\t\t\t\t<\/div>\t\t\r\n\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4ec4775 e-con-full e-flex e-con e-child\" data-id=\"4ec4775\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;plus_gsap_animation_type&quot;:&quot;none&quot;,&quot;tpcp__live&quot;:&quot;no&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1e5f18c elementor-widget elementor-widget-tp-button\" data-id=\"1e5f18c\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;plus_gsap_animation_type&quot;:&quot;none&quot;}\" data-widget_type=\"tp-button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"pt-plus-button-wrapper   text-left text--tabletcenter text--mobileleft   \"><div class=\"button_parallax   \" ><div id=\"button69f08f2614528\"  class=\" text-left text--tabletcenter text--mobileleft ts-button content_hover_effect content_hover_float  \" ><div class=\"pt_plus_button btn69f08f26141b8 button-style-10   \"  ><div class=\"animted-content-inner \"><a href=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/pricing\/\" class=\"button-link-wrap \" role=\"button\" data-hover=\"Buy Now\"  >Buy Now<\/a><\/div><\/div><\/div><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-acc85de elementor-widget elementor-widget-tp-button\" data-id=\"acc85de\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;plus_gsap_animation_type&quot;:&quot;none&quot;}\" data-widget_type=\"tp-button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"pt-plus-button-wrapper   text-left text--mobileleft   \"><div class=\"button_parallax   \" ><div id=\"button69f08f26150a8\"  class=\" text-left text--mobileleft ts-button content_hover_effect content_hover_float  \" ><div class=\"pt_plus_button btn69f08f2614d62 button-style-10   \"  ><div class=\"animted-content-inner \"><a href=\"#first-section\" class=\"button-link-wrap \" role=\"button\" data-hover=\"Check Demos\"  >Check Demos<i class=\"btn-icon button-after fa fa-hand-o-down\"><\/i><\/a><\/div><\/div><\/div><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-58a1d98 e-con-full e-flex e-con e-child\" data-id=\"58a1d98\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;plus_gsap_animation_type&quot;:&quot;none&quot;,&quot;tpcp__live&quot;:&quot;no&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9f45008 elementor-hidden-phone sinle-video-image-top elementor-widget elementor-widget-tp-cascading-image\" data-id=\"9f45008\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;plus_gsap_animation_type&quot;:&quot;none&quot;}\" data-widget_type=\"tp-cascading-image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"pt_plus_animated_image cascading-block  wpb_single_image cascading_69f06570974ea   \"  data-tp-gsap-cascding-image=\"\" ><div class=\"cascading-inner-loop \"><div id=\"cascading69f06570974f80\" class=\"cascading-image hehe elementor-repeater-item-3c38386 img69f06570974f60   \"  ><div class=\"cascading-image-inner \" ><div class=\"cascading-inner-content parallax-hover-1431579   link-content  \" ><a href=\"https:\/\/www.youtube.com\/embed\/qYuYIUuyHZA\"  rel=\"nofollow\" data-lity=\"\"><img fetchpriority=\"high\" decoding=\"async\" width=\"701\" height=\"684\" src=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2020\/11\/theplus-video.png\" class=\"parallax_image\" alt=\"\" srcset=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2020\/11\/theplus-video.png 701w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2020\/11\/theplus-video-600x585.png 600w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2020\/11\/theplus-video-300x293.png 300w\" sizes=\"(max-width: 701px) 100vw, 701px\" \/><\/a><\/div><\/div><\/div><div id=\"cascading69f065709791e1\" class=\"cascading-image hehe elementor-repeater-item-16ce432 img69f065709791c1   \"  ><div class=\"cascading-image-inner \" ><div class=\"cascading-inner-content parallax-hover-1387904 drop-waves  link-content  \" ><a href=\"https:\/\/www.youtube.com\/embed\/qYuYIUuyHZA\"  rel=\"nofollow\" data-lity=\"\"><img decoding=\"async\" width=\"80\" height=\"80\" src=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2018\/09\/play_btn_04.png\" class=\"parallax_image\" alt=\"\" srcset=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2018\/09\/play_btn_04.png 80w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2018\/09\/play_btn_04-150x150.png 150w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2018\/09\/play_btn_04-700x700.png 700w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2018\/09\/play_btn_04-30x30.png 30w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2018\/09\/play_btn_04-300x300.png 300w\" sizes=\"(max-width: 80px) 100vw, 80px\" \/><\/a><\/div><\/div><\/div><\/div><\/div><style>.cascading-image.img69f06570974f60{top:5%;bottom:auto;left:0%;right:0%;margin: 0 auto;}@media (min-width:601px) and (max-width:990px){.cascading-image.img69f06570974f60{top:20%;bottom:auto;left:auto;right:auto;margin: 0 auto;}}.cascading-image.img69f065709791c1{top:48%;bottom:auto;left:0%;right:0%;max-width:40px;margin: 0 auto;}@media (min-width:601px) and (max-width:990px){.cascading-image.img69f065709791c1{top:48%;bottom:auto;left:44%;right:auto;margin: 0 auto;}}<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2419fc6 e-flex e-con-boxed e-con e-parent\" data-id=\"2419fc6\" data-element_type=\"container\" data-e-type=\"container\" id=\"first-section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;tpcp__live&quot;:&quot;yes&quot;,&quot;plus_gsap_animation_type&quot;:&quot;none&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-4ad85ac e-con-full e-flex e-con e-child\" data-id=\"4ad85ac\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;plus_gsap_animation_type&quot;:&quot;none&quot;,&quot;tpcp__live&quot;:&quot;no&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-2ba05c1 e-con-full e-flex e-con e-child\" data-id=\"2ba05c1\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;plus_gsap_animation_type&quot;:&quot;none&quot;,&quot;tpcp__live&quot;:&quot;no&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b05a213 elementor-widget elementor-widget-tp-process-steps\" data-id=\"b05a213\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;plus_gsap_animation_type&quot;:&quot;none&quot;}\" data-widget_type=\"tp-process-steps.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"proste69f065709ff99\" class=\"tp-process-steps-widget style_1   \"  data-connection=\"\" data-eventtype=\"\"><div class=\"tp-process-steps-wrapper elementor-repeater-item-bfe6062 elementor-ps-content-0 active\" data-index=\"0\"><div class=\"tp-ps-left-imt tp-ps-special-bg\"><span class=\"tp-ps-icon-img tp-ps-special-bg\"><span class=\"tp-ps-text\">A<\/span><\/span><\/div><div class=\"tp-ps-right-content\"><span class=\"tp-ps-content\"><h6 class=\"tp-pro-step-title\">Select Lottiefile<\/h6> <div class=\"tp-pro-step-desc\"> Lorem Ipsum is simply dummy text of the printing and typesetting industry. <\/div><\/span><\/div><\/div><div class=\"tp-process-steps-wrapper elementor-repeater-item-24914a1 elementor-ps-content-1 \" data-index=\"1\"><div class=\"tp-ps-left-imt tp-ps-special-bg\"><span class=\"tp-ps-icon-img tp-ps-special-bg\"><span class=\"tp-ps-text\">B<\/span><\/span><\/div><div class=\"tp-ps-right-content\"><span class=\"tp-ps-content\"><h6 class=\"tp-pro-step-title\">Fixed Widget<\/h6> <div class=\"tp-pro-step-desc\"> Lorem Ipsum is simply dummy text of the printing and typesetting industry. <\/div><\/span><\/div><\/div><div class=\"tp-process-steps-wrapper elementor-repeater-item-b4f6772 elementor-ps-content-2 \" data-index=\"2\"><div class=\"tp-ps-left-imt tp-ps-special-bg\"><span class=\"tp-ps-icon-img tp-ps-special-bg\"><span class=\"tp-ps-text\">C<\/span><\/span><\/div><div class=\"tp-ps-right-content\"><span class=\"tp-ps-content\"><h6 class=\"tp-pro-step-title\">Add Space<\/h6> <div class=\"tp-pro-step-desc\"> Lorem Ipsum is simply dummy text of the printing and typesetting industry. <\/div><\/span><\/div><\/div><div class=\"tp-process-steps-wrapper elementor-repeater-item-7941664 elementor-ps-content-3 \" data-index=\"3\"><div class=\"tp-ps-left-imt tp-ps-special-bg\"><span class=\"tp-ps-icon-img tp-ps-special-bg\"><span class=\"tp-ps-text\">D<\/span><\/span><\/div><div class=\"tp-ps-right-content\"><span class=\"tp-ps-content\"><h6 class=\"tp-pro-step-title\">Extra Content<\/h6> <div class=\"tp-pro-step-desc\"> Lorem Ipsum is simply dummy text of the printing and typesetting industry. <\/div><\/span><\/div><\/div><div class=\"tp-process-steps-wrapper elementor-repeater-item-5480747 elementor-ps-content-4 \" data-index=\"4\"><div class=\"tp-ps-left-imt tp-ps-special-bg\"><span class=\"tp-ps-icon-img tp-ps-special-bg\"><span class=\"tp-ps-text\">E<\/span><\/span><\/div><div class=\"tp-ps-right-content\"><span class=\"tp-ps-content\"><h6 class=\"tp-pro-step-title\">Cheers!<\/h6> <div class=\"tp-pro-step-desc\"> Lorem Ipsum is simply dummy text of the printing and typesetting industry. <\/div><\/span><\/div><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-04944c8 elementor-widget elementor-widget-spacer\" data-id=\"04944c8\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;plus_gsap_animation_type&quot;:&quot;none&quot;}\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1669e34 elementor-widget elementor-widget-spacer\" data-id=\"1669e34\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;plus_gsap_animation_type&quot;:&quot;none&quot;}\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ffab07d e-con-full e-flex e-con e-child\" data-id=\"ffab07d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;plus_gsap_animation_type&quot;:&quot;none&quot;,&quot;tpcp__live&quot;:&quot;no&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1e05a9f elementor-widget__width-initial elementor-fixed elementor-widget elementor-widget-tp-wp-bodymovin\" data-id=\"1e05a9f\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;fixed&quot;,&quot;plus_gsap_animation_type&quot;:&quot;none&quot;}\" data-widget_type=\"tp-wp-bodymovin.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"movin69f06570a0edd\" class=\"pt-plus-bodymovin  align-center renderer-canvas \"  style=\"margin-right: auto;margin-left: auto;\" ><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-02fca98 e-con-full e-flex e-con e-child\" data-id=\"02fca98\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;plus_gsap_animation_type&quot;:&quot;none&quot;,&quot;tpcp__live&quot;:&quot;no&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-28a02c7 text-left elementor-widget__width-auto text--mobilecenter elementor-widget elementor-widget-tp-heading-title\" data-id=\"28a02c7\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;plus_gsap_animation_type&quot;:&quot;none&quot;}\" data-widget_type=\"tp-heading-title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"heading heading_style heading_style69f08f2615cd5 style-1 \"  data-tp-gsap-heading-text=\"\" data-tp-gsap-sub-heading-text=\"\"><div class=\"sub-style \"  ><div class=\"head-title \" > <h5  class=\"heading-title   \"   data-hover=\"Main Widget Used in this demo : \">Main Widget Used in this demo : <span class=\"title-s \">  <\/span><\/h5><\/div><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-895a8eb elementor-widget__width-auto elementor-widget-mobile__width-inherit elementor-widget elementor-widget-tp-info-box\" data-id=\"895a8eb\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;plus_gsap_animation_type&quot;:&quot;none&quot;}\" data-widget_type=\"tp-info-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"info_box69f06570ad983\" class=\"pt_plus_info_box hover_normal    info_box69f06570ad983 info-box-style_3      \"  data-id=\"info_box69f06570ad983\"    dir= data-connection=\"\" data-eventtype=\"\" ><div class=\"post-inner-loop \"><div class=\"info-box-inner content_hover_effect  tp-info-nc\"   ><div class=\"info-box-bg-box     \" ><div class=\"info-box-content\"><div class=\"service-center  \"><div class=\"info-icon-content\"><div class=\"service-icon-wrap\"><i class=\" iconsmind-ICQ service-icon  icon-squre\"><\/i><\/div><\/div><div class=\"service-title \"> Lottiefiles Animations <\/div><\/div><\/div><div class=\"infobox-overlay-color \"><\/div><\/div><\/div><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4be09a6 single-inner-related-widgets e-flex e-con-boxed e-con e-parent\" data-id=\"4be09a6\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;plus_gsap_animation_type&quot;:&quot;none&quot;,&quot;tpcp__live&quot;:&quot;no&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-9b3303e e-con-full e-flex e-con e-child\" data-id=\"9b3303e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;plus_gsap_animation_type&quot;:&quot;none&quot;,&quot;tpcp__live&quot;:&quot;no&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1fd5653 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"1fd5653\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;plus_gsap_animation_type&quot;:&quot;none&quot;}\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d6ca0a4 single-inner-related-widgets e-flex e-con-boxed e-con e-parent\" data-id=\"d6ca0a4\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;plus_gsap_animation_type&quot;:&quot;none&quot;,&quot;tpcp__live&quot;:&quot;no&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b2799bc text-center elementor-widget elementor-widget-tp-heading-title\" data-id=\"b2799bc\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;plus_gsap_animation_type&quot;:&quot;none&quot;}\" data-widget_type=\"tp-heading-title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"heading heading_style heading_style69f08f2616836 style-1 \"  data-tp-gsap-heading-text=\"\" data-tp-gsap-sub-heading-text=\"\"><div class=\"sub-style \"  ><div class=\"head-title \" > <h2  class=\"heading-title   \"   data-hover=\"Related Widgets\">Related Widgets<span class=\"title-s \">  <\/span><\/h2><\/div><div class=\"sub-heading\"><h2 class=\"heading-sub-title  \"> Have a look at some related Elementor widgets or check our all widgets <\/h2><\/div><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2f90092 elementor-widget elementor-widget-tp-dynamic-listing\" data-id=\"2f90092\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;plus_gsap_animation_type&quot;:&quot;none&quot;}\" data-widget_type=\"tp-dynamic-listing.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"pt-plus-dynamic-listing\" class=\"dynamic-listing post69f08f26d8637  list-isotope  dynamic-listing-style-5 hover-image-style-1     tp-dy-l-type-page_listing \"    data-layout-type=\"fitRows\"   data-id=\"post69f08f26d8637\" data-style=\"style-5\"   dir= data-enable-isotope=\"1\" filter-type = \"normal\"><div id=\"post69f08f26d8637\" class=\"tp-row post-inner-loop   post69f08f26d8637    tp_list\" data-extparam= '{\"loading-opt\":\"skeleton\",\"URL-para\":\"\"}'    \"  data-widgetId = 2f90092><div class=\"grid-item metro-item  tp-col-lg-2 tp-col-md-3 tp-col-sm-6 tp-col-6  \">\t<a class=\"tp-home-custom-listing\" href=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/widgets\/advanced-buttons\/\">\r\n\t<div class=\"first-wrap\">\r\n\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/widgets\/Advanced-Buttons.jpg\" \/>\r\n\t\t\t\t\t\t\t<i class=\"im iconsmind-On-Air\"><\/i>\r\n\t\t\t\t\t\t\r\n\t\t\t<div class=\"tp-home-title\">Advanced Buttons<\/div>\r\n\t<\/div>\r\n\t<div class=\"second-wrap\">\r\n\t\t\t\t\t<div class=\"freepro-standard-value-m\"> \r\n\t\t\t\t\t\t\t\t<span class=\"freepro freepro-Pro\">Pro<\/span>\r\n\t\t\t\t\t\t\t<span class=\"standard-value standard-value-Advanced\">Advanced<\/span>\t\r\n\t\t\t\t\t\t\t<\/div> \r\n\t\t\t\t\t\t\t<span class=\"tp-home-view-demo\">View Demo <i class=\"iconsmind-Right service-icon  icon-squre\"><\/i><\/span><\/div>\r\n\t<\/a>\r\n<\/div><div class=\"grid-item metro-item  tp-col-lg-2 tp-col-md-3 tp-col-sm-6 tp-col-6  \">\t<a class=\"tp-home-custom-listing\" href=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/widgets\/advanced-typography\/\">\r\n\t<div class=\"first-wrap\">\r\n\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/widgets\/Advanced-Typography.jpg\" \/>\r\n\t\t\t\t\t\t\t<i class=\"im iconsmind-Text-HighlightColor\"><\/i>\r\n\t\t\t\t\t\t\r\n\t\t\t<div class=\"tp-home-title\">Advanced Typography<\/div>\r\n\t<\/div>\r\n\t<div class=\"second-wrap\">\r\n\t\t\t\t\t<div class=\"freepro-standard-value-m\"> \r\n\t\t\t\t\t\t\t\t<span class=\"freepro freepro-Pro\">Pro<\/span>\r\n\t\t\t\t\t\t\t<span class=\"standard-value standard-value-Advanced\">Advanced<\/span>\t\r\n\t\t\t\t\t\t\t<\/div> \r\n\t\t\t\t\t\t\t<span class=\"tp-home-view-demo\">View Demo <i class=\"iconsmind-Right service-icon  icon-squre\"><\/i><\/span><\/div>\r\n\t<\/a>\r\n<\/div><div class=\"grid-item metro-item  tp-col-lg-2 tp-col-md-3 tp-col-sm-6 tp-col-6  \">\t<a class=\"tp-home-custom-listing\" href=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/widgets\/advrtsment-banner\/\">\r\n\t<div class=\"first-wrap\">\r\n\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/widgets\/Advertisment-Banner.jpg?a=b\" \/>\r\n\t\t\t\t\t\t\t<i class=\"im iconsmind-Receipt\"><\/i>\r\n\t\t\t\t\t\t\r\n\t\t\t<div class=\"tp-home-title\">Advertisement Banner<\/div>\r\n\t<\/div>\r\n\t<div class=\"second-wrap\">\r\n\t\t\t\t\t<div class=\"freepro-standard-value-m\"> \r\n\t\t\t\t\t\t\t\t<span class=\"freepro freepro-Pro\">Pro<\/span>\r\n\t\t\t\t\t\t\t<span class=\"standard-value standard-value-Popular\">Popular<\/span>\t\r\n\t\t\t\t\t\t\t<\/div> \r\n\t\t\t\t\t\t\t<span class=\"tp-home-view-demo\">View Demo <i class=\"iconsmind-Right service-icon  icon-squre\"><\/i><\/span><\/div>\r\n\t<\/a>\r\n<\/div><div class=\"grid-item metro-item  tp-col-lg-2 tp-col-md-3 tp-col-sm-6 tp-col-6  \">\t<a class=\"tp-home-custom-listing\" href=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/widgets\/advanced-separators\/\">\r\n\t<div class=\"first-wrap\">\r\n\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/widgets\/Animated-Separators.jpg\" \/>\r\n\t\t\t\t\t\t\t<i class=\"im iconsmind-Libra\"><\/i>\r\n\t\t\t\t\t\t\r\n\t\t\t<div class=\"tp-home-title\">Animated Separators<\/div>\r\n\t<\/div>\r\n\t<div class=\"second-wrap\">\r\n\t\t\t\t\t<div class=\"freepro-standard-value-m\"> \r\n\t\t\t\t\t\t\t\t<span class=\"freepro freepro-Pro\">Pro<\/span>\r\n\t\t\t\t\t\t\t<span class=\"standard-value standard-value-Unique\">Unique<\/span>\t\r\n\t\t\t\t\t\t\t<\/div> \r\n\t\t\t\t\t\t\t<span class=\"tp-home-view-demo\">View Demo <i class=\"iconsmind-Right service-icon  icon-squre\"><\/i><\/span><\/div>\r\n\t<\/a>\r\n<\/div><div class=\"grid-item metro-item  tp-col-lg-2 tp-col-md-3 tp-col-sm-6 tp-col-6  \">\t<a class=\"tp-home-custom-listing\" href=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/widgets\/animated-service-boxes\/\">\r\n\t<div class=\"first-wrap\">\r\n\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/widgets\/Animated-Service-Boxes.jpg\" \/>\r\n\t\t\t\t\t\t\t<i class=\"im iconsmind-Diploma-2\"><\/i>\r\n\t\t\t\t\t\t\r\n\t\t\t<div class=\"tp-home-title\">Animated Service Boxes<\/div>\r\n\t<\/div>\r\n\t<div class=\"second-wrap\">\r\n\t\t\t\t\t<div class=\"freepro-standard-value-m\"> \r\n\t\t\t\t\t\t\t\t<span class=\"freepro freepro-Pro\">Pro<\/span>\r\n\t\t\t\t\t\t\t<span class=\"standard-value standard-value-Unique\">Unique<\/span>\t\r\n\t\t\t\t\t\t\t<\/div> \r\n\t\t\t\t\t\t\t<span class=\"tp-home-view-demo\">View Demo <i class=\"iconsmind-Right service-icon  icon-squre\"><\/i><\/span><\/div>\r\n\t<\/a>\r\n<\/div><div class=\"grid-item metro-item  tp-col-lg-2 tp-col-md-3 tp-col-sm-6 tp-col-6  \">\t<a class=\"tp-home-custom-listing\" href=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/widgets\/heading-animation\/\">\r\n\t<div class=\"first-wrap\">\r\n\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/widgets\/Animated-Text.jpg\" \/>\r\n\t\t\t\t\t\t\t<i class=\"im iconsmind-Text-Effect\"><\/i>\r\n\t\t\t\t\t\t\r\n\t\t\t<div class=\"tp-home-title\">Animated Text<\/div>\r\n\t<\/div>\r\n\t<div class=\"second-wrap\">\r\n\t\t\t\t\t<div class=\"freepro-standard-value-m\"> \r\n\t\t\t\t\t\t\t\t<span class=\"freepro freepro-Free\">Free<\/span>\r\n\t\t\t\t\t\t\t<\/div> \r\n\t\t\t\t\t\t\t<span class=\"tp-home-view-demo\">View Demo <i class=\"iconsmind-Right service-icon  icon-squre\"><\/i><\/span><\/div>\r\n\t<\/a>\r\n<\/div><div class=\"grid-item metro-item  tp-col-lg-2 tp-col-md-3 tp-col-sm-6 tp-col-6  \">\t<a class=\"tp-home-custom-listing\" href=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/widgets\/before-after\/\">\r\n\t<div class=\"first-wrap\">\r\n\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/widgets\/Before-After.jpg\" \/>\r\n\t\t\t\t\t\t\t<i class=\"im iconsmind-Width-Window\"><\/i>\r\n\t\t\t\t\t\t\r\n\t\t\t<div class=\"tp-home-title\">Before After<\/div>\r\n\t<\/div>\r\n\t<div class=\"second-wrap\">\r\n\t\t\t\t\t<div class=\"freepro-standard-value-m\"> \r\n\t\t\t\t\t\t\t\t<span class=\"freepro freepro-Free\">Free<\/span>\r\n\t\t\t\t\t\t\t<span class=\"standard-value standard-value-New\">New<\/span>\t\r\n\t\t\t\t\t\t\t<\/div> \r\n\t\t\t\t\t\t\t<span class=\"tp-home-view-demo\">View Demo <i class=\"iconsmind-Right service-icon  icon-squre\"><\/i><\/span><\/div>\r\n\t<\/a>\r\n<\/div><div class=\"grid-item metro-item  tp-col-lg-2 tp-col-md-3 tp-col-sm-6 tp-col-6  \">\t<a class=\"tp-home-custom-listing\" href=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/widgets\/carousel-anything\/\">\r\n\t<div class=\"first-wrap\">\r\n\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/widgets\/Carousel-Anything.jpg\" \/>\r\n\t\t\t\t\t\t\t<i class=\"im iconsmind-Touch-Window\"><\/i>\r\n\t\t\t\t\t\t\r\n\t\t\t<div class=\"tp-home-title\">Carousel Anything<\/div>\r\n\t<\/div>\r\n\t<div class=\"second-wrap\">\r\n\t\t\t\t\t<div class=\"freepro-standard-value-m\"> \r\n\t\t\t\t\t\t\t\t<span class=\"freepro freepro-Pro\">Pro<\/span>\r\n\t\t\t\t\t\t\t<span class=\"standard-value standard-value-Popular\">Popular<\/span>\t\r\n\t\t\t\t\t\t\t<\/div> \r\n\t\t\t\t\t\t\t<span class=\"tp-home-view-demo\">View Demo <i class=\"iconsmind-Right service-icon  icon-squre\"><\/i><\/span><\/div>\r\n\t<\/a>\r\n<\/div><div class=\"grid-item metro-item  tp-col-lg-2 tp-col-md-3 tp-col-sm-6 tp-col-6  \">\t<a class=\"tp-home-custom-listing\" href=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/widgets\/carousel-remote\/\">\r\n\t<div class=\"first-wrap\">\r\n\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/widgets\/Carousel-Remote.jpg\" \/>\r\n\t\t\t\t\t\t\t<i class=\"im iconsmind-Finger-DragFourSides\"><\/i>\r\n\t\t\t\t\t\t\r\n\t\t\t<div class=\"tp-home-title\">Carousel Remote<\/div>\r\n\t<\/div>\r\n\t<div class=\"second-wrap\">\r\n\t\t\t\t\t<div class=\"freepro-standard-value-m\"> \r\n\t\t\t\t\t\t\t\t<span class=\"freepro freepro-Pro\">Pro<\/span>\r\n\t\t\t\t\t\t\t<span class=\"standard-value standard-value-Advanced\">Advanced<\/span>\t\r\n\t\t\t\t\t\t\t<\/div> \r\n\t\t\t\t\t\t\t<span class=\"tp-home-view-demo\">View Demo <i class=\"iconsmind-Right service-icon  icon-squre\"><\/i><\/span><\/div>\r\n\t<\/a>\r\n<\/div><div class=\"grid-item metro-item  tp-col-lg-2 tp-col-md-3 tp-col-sm-6 tp-col-6  \">\t<a class=\"tp-home-custom-listing\" href=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/widgets\/circle-menu\/\">\r\n\t<div class=\"first-wrap\">\r\n\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/widgets\/Circle-Menu.jpg\" \/>\r\n\t\t\t\t\t\t\t<i class=\"im iconsmind-Transform\"><\/i>\r\n\t\t\t\t\t\t\r\n\t\t\t<div class=\"tp-home-title\">Circle Menu<\/div>\r\n\t<\/div>\r\n\t<div class=\"second-wrap\">\r\n\t\t\t\t\t<div class=\"freepro-standard-value-m\"> \r\n\t\t\t\t\t\t\t\t<span class=\"freepro freepro-Pro\">Pro<\/span>\r\n\t\t\t\t\t\t\t<span class=\"standard-value standard-value-Unique\">Unique<\/span>\t\r\n\t\t\t\t\t\t\t<\/div> \r\n\t\t\t\t\t\t\t<span class=\"tp-home-view-demo\">View Demo <i class=\"iconsmind-Right service-icon  icon-squre\"><\/i><\/span><\/div>\r\n\t<\/a>\r\n<\/div><div class=\"grid-item metro-item  tp-col-lg-2 tp-col-md-3 tp-col-sm-6 tp-col-6  \">\t<a class=\"tp-home-custom-listing\" href=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/widgets\/creative-images\/\">\r\n\t<div class=\"first-wrap\">\r\n\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/widgets\/Creative-Images.jpg\" \/>\r\n\t\t\t\t\t\t\t<i class=\"im iconsmind-Photo\"><\/i>\r\n\t\t\t\t\t\t\r\n\t\t\t<div class=\"tp-home-title\">Creative Images<\/div>\r\n\t<\/div>\r\n\t<div class=\"second-wrap\">\r\n\t\t\t\t\t<div class=\"freepro-standard-value-m\"> \r\n\t\t\t\t\t\t\t\t<span class=\"freepro freepro-Pro\">Pro<\/span>\r\n\t\t\t\t\t\t\t<span class=\"standard-value standard-value-Advanced\">Advanced<\/span>\t\r\n\t\t\t\t\t\t\t<\/div> \r\n\t\t\t\t\t\t\t<span class=\"tp-home-view-demo\">View Demo <i class=\"iconsmind-Right service-icon  icon-squre\"><\/i><\/span><\/div>\r\n\t<\/a>\r\n<\/div><div class=\"grid-item metro-item  tp-col-lg-2 tp-col-md-3 tp-col-sm-6 tp-col-6  \">\t<a class=\"tp-home-custom-listing\" href=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/widgets\/draw-svg\/\">\r\n\t<div class=\"first-wrap\">\r\n\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/widgets\/Draw-SVG.jpg\" \/>\r\n\t\t\t\t\t\t\t<i class=\"im iconsmind-Idea\"><\/i>\r\n\t\t\t\t\t\t\r\n\t\t\t<div class=\"tp-home-title\">Draw SVG<\/div>\r\n\t<\/div>\r\n\t<div class=\"second-wrap\">\r\n\t\t\t\t\t<div class=\"freepro-standard-value-m\"> \r\n\t\t\t\t\t\t\t\t<span class=\"freepro freepro-Pro\">Pro<\/span>\r\n\t\t\t\t\t\t\t<span class=\"standard-value standard-value-Popular\">Popular<\/span>\t\r\n\t\t\t\t\t\t\t<\/div> \r\n\t\t\t\t\t\t\t<span class=\"tp-home-view-demo\">View Demo <i class=\"iconsmind-Right service-icon  icon-squre\"><\/i><\/span><\/div>\r\n\t<\/a>\r\n<\/div><div class=\"grid-item metro-item  tp-col-lg-2 tp-col-md-3 tp-col-sm-6 tp-col-6  \">\t<a class=\"tp-home-custom-listing\" href=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/widgets\/device-dynamic\/\">\r\n\t<div class=\"first-wrap\">\r\n\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/widgets\/Dynamic-Devices.jpg\" \/>\r\n\t\t\t\t\t\t\t<i class=\"im iconsmind-Monitor-5\"><\/i>\r\n\t\t\t\t\t\t\r\n\t\t\t<div class=\"tp-home-title\">Dynamic Devices<\/div>\r\n\t<\/div>\r\n\t<div class=\"second-wrap\">\r\n\t\t\t\t\t<div class=\"freepro-standard-value-m\"> \r\n\t\t\t\t\t\t\t\t<span class=\"freepro freepro-Pro\">Pro<\/span>\r\n\t\t\t\t\t\t\t<\/div> \r\n\t\t\t\t\t\t\t<span class=\"tp-home-view-demo\">View Demo <i class=\"iconsmind-Right service-icon  icon-squre\"><\/i><\/span><\/div>\r\n\t<\/a>\r\n<\/div><div class=\"grid-item metro-item  tp-col-lg-2 tp-col-md-3 tp-col-sm-6 tp-col-6  \">\t<a class=\"tp-home-custom-listing\" href=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/widgets\/flipbox\/\">\r\n\t<div class=\"first-wrap\">\r\n\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/widgets\/Flipbox.jpg\" \/>\r\n\t\t\t\t\t\t\t<i class=\"im iconsmind-Orientation-3\"><\/i>\r\n\t\t\t\t\t\t\r\n\t\t\t<div class=\"tp-home-title\">Flipbox<\/div>\r\n\t<\/div>\r\n\t<div class=\"second-wrap\">\r\n\t\t\t\t\t<div class=\"freepro-standard-value-m\"> \r\n\t\t\t\t\t\t\t\t<span class=\"freepro freepro-Freemium\">Freemium<\/span>\r\n\t\t\t\t\t\t\t<\/div> \r\n\t\t\t\t\t\t\t<span class=\"tp-home-view-demo\">View Demo <i class=\"iconsmind-Right service-icon  icon-squre\"><\/i><\/span><\/div>\r\n\t<\/a>\r\n<\/div><div class=\"grid-item metro-item  tp-col-lg-2 tp-col-md-3 tp-col-sm-6 tp-col-6  \">\t<a class=\"tp-home-custom-listing\" href=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/widgets\/hotspot-pin-point\/\">\r\n\t<div class=\"first-wrap\">\r\n\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/widgets\/Hotspot-Pin-Point.jpg\" \/>\r\n\t\t\t\t\t\t\t<i class=\"im iconsmind-Mouse-Pointer\"><\/i>\r\n\t\t\t\t\t\t\r\n\t\t\t<div class=\"tp-home-title\">Hotspot\/Pin Point<\/div>\r\n\t<\/div>\r\n\t<div class=\"second-wrap\">\r\n\t\t\t\t\t<div class=\"freepro-standard-value-m\"> \r\n\t\t\t\t\t\t\t\t<span class=\"freepro freepro-Pro\">Pro<\/span>\r\n\t\t\t\t\t\t\t<\/div> \r\n\t\t\t\t\t\t\t<span class=\"tp-home-view-demo\">View Demo <i class=\"iconsmind-Right service-icon  icon-squre\"><\/i><\/span><\/div>\r\n\t<\/a>\r\n<\/div><div class=\"grid-item metro-item  tp-col-lg-2 tp-col-md-3 tp-col-sm-6 tp-col-6  \">\t<a class=\"tp-home-custom-listing\" href=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/widgets\/advanced-hover-card-animations\/\">\r\n\t<div class=\"first-wrap\">\r\n\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/widgets\/Hover-Card.jpg\" \/>\r\n\t\t\t\t\t\t\t<i class=\"im iconsmind-Box-withFolders\"><\/i>\r\n\t\t\t\t\t\t\r\n\t\t\t<div class=\"tp-home-title\">Hover Card<\/div>\r\n\t<\/div>\r\n\t<div class=\"second-wrap\">\r\n\t\t\t\t\t<div class=\"freepro-standard-value-m\"> \r\n\t\t\t\t\t\t\t\t<span class=\"freepro freepro-Free\">Free<\/span>\r\n\t\t\t\t\t\t\t<span class=\"standard-value standard-value-New\">New<\/span>\t\r\n\t\t\t\t\t\t\t<\/div> \r\n\t\t\t\t\t\t\t<span class=\"tp-home-view-demo\">View Demo <i class=\"iconsmind-Right service-icon  icon-squre\"><\/i><\/span><\/div>\r\n\t<\/a>\r\n<\/div><div class=\"grid-item metro-item  tp-col-lg-2 tp-col-md-3 tp-col-sm-6 tp-col-6  \">\t<a class=\"tp-home-custom-listing\" href=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/widgets\/image-cascading\/\">\r\n\t<div class=\"first-wrap\">\r\n\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/widgets\/Image-Cascading.jpg\" \/>\r\n\t\t\t\t\t\t\t<i class=\"im iconsmind-Photos\"><\/i>\r\n\t\t\t\t\t\t\r\n\t\t\t<div class=\"tp-home-title\">Image Cascading<\/div>\r\n\t<\/div>\r\n\t<div class=\"second-wrap\">\r\n\t\t\t\t\t<div class=\"freepro-standard-value-m\"> \r\n\t\t\t\t\t\t\t\t<span class=\"freepro freepro-Pro\">Pro<\/span>\r\n\t\t\t\t\t\t\t<span class=\"standard-value standard-value-Advanced\">Advanced<\/span>\t\r\n\t\t\t\t\t\t\t<\/div> \r\n\t\t\t\t\t\t\t<span class=\"tp-home-view-demo\">View Demo <i class=\"iconsmind-Right service-icon  icon-squre\"><\/i><\/span><\/div>\r\n\t<\/a>\r\n<\/div><div class=\"grid-item metro-item  tp-col-lg-2 tp-col-md-3 tp-col-sm-6 tp-col-6  \">\t<a class=\"tp-home-custom-listing\" href=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/widgets\/lottiefiles-animations-elementor\/\">\r\n\t<div class=\"first-wrap\">\r\n\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/widgets\/Lottie-Files.jpg\" \/>\r\n\t\t\t\t\t\t\t<i class=\"im iconsmind-ICQ\"><\/i>\r\n\t\t\t\t\t\t\r\n\t\t\t<div class=\"tp-home-title\">Lottiefiles<\/div>\r\n\t<\/div>\r\n\t<div class=\"second-wrap\">\r\n\t\t\t\t\t<div class=\"freepro-standard-value-m\"> \r\n\t\t\t\t\t\t\t\t<span class=\"freepro freepro-Pro\">Pro<\/span>\r\n\t\t\t\t\t\t\t<span class=\"standard-value standard-value-New\">New<\/span>\t\r\n\t\t\t\t\t\t\t<\/div> \r\n\t\t\t\t\t\t\t<span class=\"tp-home-view-demo\">View Demo <i class=\"iconsmind-Right service-icon  icon-squre\"><\/i><\/span><\/div>\r\n\t<\/a>\r\n<\/div><div class=\"grid-item metro-item  tp-col-lg-2 tp-col-md-3 tp-col-sm-6 tp-col-6  \">\t<a class=\"tp-home-custom-listing\" href=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/widgets\/lottiefiles-on-scroll-animation-elementor\/\">\r\n\t<div class=\"first-wrap\">\r\n\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/widgets\/Lottiefiles-On-Scroll.jpg\" \/>\r\n\t\t\t\t\t\t\t<i class=\"im iconsmind-Swimming\"><\/i>\r\n\t\t\t\t\t\t\r\n\t\t\t<div class=\"tp-home-title\">Lottiefiles On Scroll<\/div>\r\n\t<\/div>\r\n\t<div class=\"second-wrap\">\r\n\t\t\t\t\t<div class=\"freepro-standard-value-m\"> \r\n\t\t\t\t\t\t\t\t<span class=\"freepro freepro-Pro\">Pro<\/span>\r\n\t\t\t\t\t\t\t<span class=\"standard-value standard-value-New\">New<\/span>\t\r\n\t\t\t\t\t\t\t<\/div> \r\n\t\t\t\t\t\t\t<span class=\"tp-home-view-demo\">View Demo <i class=\"iconsmind-Right service-icon  icon-squre\"><\/i><\/span><\/div>\r\n\t<\/a>\r\n<\/div><div class=\"grid-item metro-item  tp-col-lg-2 tp-col-md-3 tp-col-sm-6 tp-col-6  \">\t<a class=\"tp-home-custom-listing\" href=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/widgets\/morphing-sections\/\">\r\n\t<div class=\"first-wrap\">\r\n\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/widgets\/Morphing-Sections.jpg\" \/>\r\n\t\t\t\t\t\t\t<i class=\"im iconsmind-Half-Moon\"><\/i>\r\n\t\t\t\t\t\t\r\n\t\t\t<div class=\"tp-home-title\">Morphing Sections<\/div>\r\n\t<\/div>\r\n\t<div class=\"second-wrap\">\r\n\t\t\t\t\t<div class=\"freepro-standard-value-m\"> \r\n\t\t\t\t\t\t\t\t<span class=\"freepro freepro-Pro\">Pro<\/span>\r\n\t\t\t\t\t\t\t<span class=\"standard-value standard-value-Popular\">Popular<\/span>\t\r\n\t\t\t\t\t\t\t<\/div> \r\n\t\t\t\t\t\t\t<span class=\"tp-home-view-demo\">View Demo <i class=\"iconsmind-Right service-icon  icon-squre\"><\/i><\/span><\/div>\r\n\t<\/a>\r\n<\/div><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-492e7c8 elementor-widget elementor-widget-tp-button\" data-id=\"492e7c8\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;plus_gsap_animation_type&quot;:&quot;none&quot;}\" data-widget_type=\"tp-button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"pt-plus-button-wrapper   text-center text--tabletcenter text--mobilecenter   \"><div class=\"button_parallax   \" ><div id=\"button69f08f26dc7b1\"  class=\" text-center text--tabletcenter text--mobilecenter ts-button content_hover_effect content_hover_float  \" ><div class=\"pt_plus_button btn69f08f26dc3ec button-style-10   \"  ><div class=\"animted-content-inner \"><a href=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/widgets\/\" class=\"button-link-wrap \" role=\"button\" data-hover=\"Check All Widgets\"  >Check All Widgets<\/a><\/div><\/div><\/div><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Pro On Scroll Lottiefiles in Elementor Demo for On Scroll Lottiefiles using Elementor and The Plus Addons. It is most easy and powerful way to setup lottiefiles based on Scroll, Which will auto change as per scroll values. Upload AE to Lottifiles and Use It Easy to manage JSON based For Animation and Interactive Designers [&hellip;]<\/p>\n","protected":false},"author":16,"featured_media":45075,"parent":12,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-40080","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/pages\/40080","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/users\/16"}],"replies":[{"embeddable":true,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/comments?post=40080"}],"version-history":[{"count":0,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/pages\/40080\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/pages\/12"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/media\/45075"}],"wp:attachment":[{"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/media?parent=40080"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}