{"id":3342,"date":"2020-05-27T12:44:38","date_gmt":"2020-05-27T09:44:38","guid":{"rendered":"https:\/\/elementor.com\/help\/?p=3342"},"modified":"2024-10-08T15:01:29","modified_gmt":"2024-10-08T12:01:29","slug":"lottie-widget","status":"publish","type":"post","link":"https:\/\/elementor.com\/help\/lottie-widget\/","title":{"rendered":"Lottie widget"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"3342\" class=\"elementor elementor-3342\" data-elementor-post-type=\"post\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5b3ab1ac e-flex e-con-boxed e-con e-parent\" data-id=\"5b3ab1ac\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-10fa3864 elementor-widget elementor-widget-heading\" data-id=\"10fa3864\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Add the widget<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1835bf35 e-flex e-con-boxed e-con e-child\" data-id=\"1835bf35\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5fa4c757 elementor-widget elementor-widget-image\" data-id=\"5fa4c757\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"262\" height=\"188\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/05\/The-widget.png\" class=\"attachment-large size-large wp-image-53125\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5e3754e9 elementor-widget elementor-widget-n-accordion\" data-id=\"5e3754e9\" data-element_type=\"widget\" data-settings=\"{&quot;default_state&quot;:&quot;all_collapsed&quot;,&quot;max_items_expended&quot;:&quot;one&quot;,&quot;n_accordion_animation_duration&quot;:{&quot;unit&quot;:&quot;ms&quot;,&quot;size&quot;:400,&quot;sizes&quot;:[]}}\" data-widget_type=\"nested-accordion.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-n-accordion\" aria-label=\"Accordion. Open links with Enter or Space, close with Escape, and navigate with Arrow Keys\">\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1580\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"1\" tabindex=\"0\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1580\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Add the widget to the canvas <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><i aria-hidden=\"true\" class=\"fas fa-minus\"><\/i><\/span>\n\t\t\t<span class='e-closed'><i aria-hidden=\"true\" class=\"fas fa-chevron-right\"><\/i><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1580\" class=\"elementor-element elementor-element-2ccf73b9 e-con-full e-flex e-con e-child\" data-id=\"2ccf73b9\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-614fa97 elementor-widget elementor-widget-text-editor\" data-id=\"614fa97\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p data-renderer-start-pos=\"122\"><strong data-renderer-mark=\"true\">To access and use a widget:<\/strong><\/p><ol class=\"ak-ol\" start=\"1\" data-indent-level=\"1\"><li><p data-renderer-start-pos=\"153\">In Elementor Editor, click +. <br \/>All available widgets are displayed.<\/p><\/li><li><p data-renderer-start-pos=\"224\">Click or drag the widget to the canvas. <span>For more information, see <\/span><a href=\"https:\/\/elementor.com\/help\/add-elements-to-a-page\/\"><span>Add elements to a page<\/span><\/a><span>.<\/span><\/p><\/li><\/ol>\t\t\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<\/details>\n\t\t\t\t\t<\/div>\n\t\t\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\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6d0dd1a7 e-flex e-con-boxed e-con e-parent\" data-id=\"6d0dd1a7\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9eedd6d elementor-widget elementor-widget-heading\" data-id=\"9eedd6d\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">What is the Lottie widget?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-49c18148 elementor-widget elementor-widget-text-editor\" data-id=\"49c18148\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Lottie widgets allow you to add Lottie animations to your webpages. Lotties are small animated elements rendered from .json files. Simply upload or reference an external .json file and adjust as desired.<\/p>\n<p>Lottie animations help make a webpage come alive and draw visitors attention.<\/p>\n<p><a style=\"font-size: 1rem; letter-spacing: -0.02rem; text-align: var(--text-align); background-color: #ffffff;\" href=\"#settings\">See all the options available with the Lottie widget.&nbsp;&nbsp;<\/a><\/p>\t\t\t\t\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-2ecdff5f e-flex e-con-boxed e-con e-parent\" data-id=\"2ecdff5f\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4fe85720 elementor-widget elementor-widget-heading\" data-id=\"4fe85720\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Common use case\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3cc94461 elementor-widget elementor-widget-text-editor\" data-id=\"3cc94461\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Francis is the marketing manager of a website design firm. They want to incorporate a Lottie animation to show how their business can boost sales for their clients so they incorporate the Lottie animation below on their home page.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f2ec8b4 elementor-align-center elementor-widget elementor-widget-lottie\" data-id=\"f2ec8b4\" data-element_type=\"widget\" data-settings=\"{&quot;source_json&quot;:{&quot;url&quot;:&quot;https:\\\/\\\/elementor.com\\\/help\\\/wp-content\\\/uploads\\\/2020\\\/05\\\/Marketing.json&quot;,&quot;id&quot;:53133,&quot;size&quot;:&quot;&quot;,&quot;alt&quot;:&quot;&quot;,&quot;source&quot;:&quot;library&quot;},&quot;loop&quot;:&quot;yes&quot;,&quot;source&quot;:&quot;media_file&quot;,&quot;caption_source&quot;:&quot;none&quot;,&quot;link_to&quot;:&quot;none&quot;,&quot;trigger&quot;:&quot;arriving_to_viewport&quot;,&quot;viewport&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:{&quot;start&quot;:0,&quot;end&quot;:100}},&quot;play_speed&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]},&quot;start_point&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:0,&quot;sizes&quot;:[]},&quot;end_point&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:100,&quot;sizes&quot;:[]},&quot;renderer&quot;:&quot;svg&quot;}\" data-widget_type=\"lottie.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"e-lottie__container\"><div class=\"e-lottie__animation\"><\/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<div class=\"elementor-element elementor-element-1604feb8 e-flex e-con-boxed e-con e-parent\" data-id=\"1604feb8\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-79546b47 elementor-widget elementor-widget-heading\" data-id=\"79546b47\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Additional use cases<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6e414294 e-con-full e-flex e-con e-child\" data-id=\"6e414294\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-97f6eea elementor-widget elementor-widget-text-editor\" data-id=\"97f6eea\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<ul><li style=\"font-weight: 400;\" aria-level=\"1\">A travel website featuring an animated cyclist to attract attention to their bike tours.<\/li><li aria-level=\"1\">A web design agency showing a rocket ship taking off to symbolize how they launch their sites.<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5d5845b9 elementor-widget elementor-widget-heading\" data-id=\"5d5845b9\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Video<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6ff6abd1 elementor-widget elementor-widget-text-editor\" data-id=\"6ff6abd1\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>See a video demonstrating the Lottie widget in action.\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-748a444a elementor-widget elementor-widget-video\" data-id=\"748a444a\" data-element_type=\"widget\" data-settings=\"{&quot;youtube_url&quot;:&quot;https:\\\/\\\/youtu.be\\\/5m8G57735fQ?si=_ix9V7RkYg14U01t&quot;,&quot;video_type&quot;:&quot;youtube&quot;,&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-wrapper elementor-open-inline\">\n\t\t\t<div class=\"elementor-video\"><\/div>\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-7645743b elementor-widget elementor-widget-heading\" data-id=\"7645743b\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Adding a Lottie widget: Step-by-step\u200b<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-637b4bb3 elementor-widget elementor-widget-text-editor\" data-id=\"637b4bb3\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>In the example below, we&#8217;ll create a Lottie widget that will activate when visitors mouse over it.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-33b9c7d0 elementor-widget elementor-widget-text-editor\" data-id=\"33b9c7d0\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h3>Add the Lottie widget<\/h3><ol><li><span style=\"font-weight: 400;\">Add the Lottie widget to the canvas. For details, see <\/span><a href=\"https:\/\/elementor.com\/help\/add-elements-to-a-page\/\"><span style=\"font-weight: 400;\">Add elements to a page<\/span><\/a><span style=\"font-weight: 400;\">.<br \/><div class=\"hbox callout-note\">\n                <div class=\"hicon\"> \n                    <span class=\"material-symbols-outlined\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\n\t\t\t\t\t<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M2.36581 2.36386C3.86061 0.869064 5.88798 0.0292969 8.00194 0.0292969C10.1159 0.0292969 12.1433 0.869064 13.6381 2.36386C15.1329 3.85865 15.9726 5.88603 15.9726 7.99999C15.9726 10.1139 15.1329 12.1413 13.6381 13.6361C12.1433 15.1309 10.1159 15.9707 8.00194 15.9707C5.88798 15.9707 3.86061 15.1309 2.36581 13.6361C0.871017 12.1413 0.03125 10.1139 0.03125 7.99999C0.03125 5.88603 0.871017 3.85865 2.36581 2.36386ZM8.00194 1.5293C6.28581 1.5293 4.63996 2.21103 3.42647 3.42452C2.21298 4.63801 1.53125 6.28385 1.53125 7.99999C1.53125 9.71612 2.21298 11.362 3.42647 12.5755C4.63996 13.7889 6.28581 14.4707 8.00194 14.4707C9.71807 14.4707 11.3639 13.7889 12.5774 12.5755C13.7909 11.362 14.4726 9.71612 14.4726 7.99999C14.4726 6.28385 13.7909 4.63801 12.5774 3.42452C11.3639 2.21103 9.71807 1.5293 8.00194 1.5293ZM8.00194 7.25002C8.41616 7.25002 8.75194 7.58581 8.75194 8.00002V11.6104C8.75194 12.0246 8.41616 12.3604 8.00194 12.3604C7.58773 12.3604 7.25194 12.0246 7.25194 11.6104V8.00002C7.25194 7.58581 7.58773 7.25002 8.00194 7.25002ZM7.54165 4.09316C7.7077 3.9822 7.90293 3.92298 8.10265 3.92298C8.37045 3.92298 8.62729 4.02937 8.81666 4.21874C9.00603 4.40811 9.11242 4.66495 9.11242 4.93275C9.11242 5.13246 9.0532 5.32769 8.94224 5.49375C8.83128 5.65981 8.67358 5.78923 8.48907 5.86566C8.30456 5.94208 8.10153 5.96208 7.90565 5.92312C7.70978 5.88416 7.52986 5.78799 7.38863 5.64677C7.24741 5.50554 7.15124 5.32562 7.11228 5.12975C7.07332 4.93387 7.09331 4.73084 7.16974 4.54633C7.24617 4.36182 7.37559 4.20412 7.54165 4.09316Z\" fill=\"black\"\/>\n\t\t\t\t  <\/svg><\/span>\n                <\/div>\n                <div class=\"hboxinfo\">\n                    <strong>Note<\/strong>\n                    <div class=\"hcontent\">The Lottie widget can use two types of Lottie animations:<br \/>From an external source. In this case you\u2019ll need the URL of the Lottie animation.<br \/>A json file. In this case you\u2019ll upload a media file to your site.<\/div>\n                <\/div>\n            <\/div><br \/><img fetchpriority=\"high\" decoding=\"async\" class=\"alignnone size-full wp-image-53138\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/05\/1-use-the-dropdown-to-select-media-file.png\" alt=\"\" width=\"599\" height=\"732\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/05\/1-use-the-dropdown-to-select-media-file.png 599w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/05\/1-use-the-dropdown-to-select-media-file-245x300.png 245w\" sizes=\"(max-width: 599px) 100vw, 599px\" \/><br \/><\/span><\/li><li>For this example, we will upload a json media file. So use the <strong>Source<\/strong> dropdown to select <strong>Media File<\/strong>.<br \/><img decoding=\"async\" class=\"alignnone size-full wp-image-53139\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/05\/2-Click-the-Upload-button.png\" alt=\"\" width=\"642\" height=\"735\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/05\/2-Click-the-Upload-button.png 642w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/05\/2-Click-the-Upload-button-262x300.png 262w\" sizes=\"(max-width: 642px) 100vw, 642px\" \/><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Click the upload icon <img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-53140\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/05\/Upload-icon.png\" alt=\"\" width=\"26\" height=\"22\" \/> <\/span><span style=\"font-weight: 400;\">and navigate to the file on your PC.<br \/><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-53141\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/05\/3-Open-the-Settings-field.png\" alt=\"\" width=\"1290\" height=\"776\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/05\/3-Open-the-Settings-field.png 1290w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/05\/3-Open-the-Settings-field-300x180.png 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/05\/3-Open-the-Settings-field-1024x616.png 1024w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/05\/3-Open-the-Settings-field-768x462.png 768w\" sizes=\"(max-width: 1290px) 100vw, 1290px\" \/><br \/><\/span><\/li><li aria-level=\"1\">In the panel, open the <strong>Settings<\/strong> field.<br \/><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-53142\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/05\/4-Select-Hover-from-the-dropdown.png\" alt=\"\" width=\"1147\" height=\"1047\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/05\/4-Select-Hover-from-the-dropdown.png 1147w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/05\/4-Select-Hover-from-the-dropdown-300x274.png 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/05\/4-Select-Hover-from-the-dropdown-1024x935.png 1024w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/05\/4-Select-Hover-from-the-dropdown-768x701.png 768w\" sizes=\"(max-width: 1147px) 100vw, 1147px\" \/><\/li><li aria-level=\"1\">Use the <strong>Trigger<\/strong> dropdown menu to select <strong>On Hover<\/strong>.<br \/><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-53143\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/05\/5-Toggle-Lazy-Load.png\" alt=\"\" width=\"1157\" height=\"1021\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/05\/5-Toggle-Lazy-Load.png 1157w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/05\/5-Toggle-Lazy-Load-300x265.png 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/05\/5-Toggle-Lazy-Load-1024x904.png 1024w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/05\/5-Toggle-Lazy-Load-768x678.png 768w\" sizes=\"(max-width: 1157px) 100vw, 1157px\" \/><\/li><li>In order to help the page load faster, toggle Lazy Load on. This means the animation will only load when it becomes visible.<\/li><\/ol>\t\t\t\t\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-3d670926 e-flex e-con-boxed e-con e-parent\" data-id=\"3d670926\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-84c0fd1 elementor-widget elementor-widget-heading\" data-id=\"84c0fd1\" data-element_type=\"widget\" id=\"settings\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Settings for the Lottie widget<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3492efe8 elementor-widget elementor-widget-text-editor\" data-id=\"3492efe8\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p class=\"sc-jMbUWg fdTPyi\">You can customize your widgets using content, style, and other advanced parameters, offering you great flexibility in tailoring them to your needs. Click the tabs below to see all the settings available for this widget.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-34ec981f elementor-widget elementor-widget-heading\" data-id=\"34ec981f\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Content tab<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-399333dd elementor-widget elementor-widget-text-editor\" data-id=\"399333dd\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Add, delete, and edit Lottie widget items and controls.\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7b3c27c1 elementor-widget__width-auto e-n-tabs-mobile elementor-widget elementor-widget-n-tabs\" data-id=\"7b3c27c1\" data-element_type=\"widget\" data-settings=\"{&quot;horizontal_scroll&quot;:&quot;disable&quot;}\" data-widget_type=\"nested-tabs.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-n-tabs\" data-widget-number=\"2067539905\" aria-label=\"Tabs. Open items with Enter or Space, close with Escape and navigate using the Arrow keys.\">\n\t\t\t<div class=\"e-n-tabs-heading\" role=\"tablist\">\n\t\t\t\t\t<button id=\"e-n-tab-title-20675399051\" data-tab-title-id=\"e-n-tab-title-20675399051\" class=\"e-n-tab-title\" aria-selected=\"true\" data-tab-index=\"1\" role=\"tab\" tabindex=\"0\" aria-controls=\"e-n-tab-content-20675399051\" style=\"--n-tabs-title-order: 1;\">\n\t\t\t\t\t\t<span class=\"e-n-tab-title-text\">\n\t\t\t\tLottie\t\t\t<\/span>\n\t\t<\/button>\n\t\t\t\t<button id=\"e-n-tab-title-20675399052\" data-tab-title-id=\"e-n-tab-title-20675399052\" class=\"e-n-tab-title\" aria-selected=\"false\" data-tab-index=\"2\" role=\"tab\" tabindex=\"-1\" aria-controls=\"e-n-tab-content-20675399052\" style=\"--n-tabs-title-order: 2;\">\n\t\t\t\t\t\t<span class=\"e-n-tab-title-text\">\n\t\t\t\tSettings\t\t\t<\/span>\n\t\t<\/button>\n\t\t\t\t\t<\/div>\n\t\t\t<div class=\"e-n-tabs-content\">\n\t\t\t\t<div id=\"e-n-tab-content-20675399051\" role=\"tabpanel\" aria-labelledby=\"e-n-tab-title-20675399051\" data-tab-index=\"1\" style=\"--n-tabs-title-order: 1;\" class=\"e-active elementor-element elementor-element-65c02e79 e-con-full e-flex e-con e-child\" data-id=\"65c02e79\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4526c35c elementor-widget__width-initial elementor-widget elementor-widget-image\" data-id=\"4526c35c\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"564\" height=\"752\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/05\/Content-tab-LOttie.png\" class=\"attachment-large size-large wp-image-53147\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/05\/Content-tab-LOttie.png 564w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/05\/Content-tab-LOttie-225x300.png 225w\" sizes=\"(max-width: 564px) 100vw, 564px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4fe282d4 elementor-widget elementor-widget-n-accordion\" data-id=\"4fe282d4\" data-element_type=\"widget\" data-settings=\"{&quot;default_state&quot;:&quot;all_collapsed&quot;,&quot;max_items_expended&quot;:&quot;one&quot;,&quot;n_accordion_animation_duration&quot;:{&quot;unit&quot;:&quot;ms&quot;,&quot;size&quot;:400,&quot;sizes&quot;:[]}}\" data-widget_type=\"nested-accordion.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-n-accordion\" aria-label=\"Accordion. Open links with Enter or Space, close with Escape, and navigate with Arrow Keys\">\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1340\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"1\" tabindex=\"0\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1340\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Source <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M2.25 10C2.25 9.58579 2.58579 9.25 3 9.25H17C17.4142 9.25 17.75 9.58579 17.75 10C17.75 10.4142 17.4142 10.75 17 10.75H3C2.58579 10.75 2.25 10.4142 2.25 10Z\" fill=\"black\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M13.5303 9.46967L13 10L13.5303 10.5303C13.8232 10.2374 13.8232 9.76256 13.5303 9.46967ZM11.9393 10L5.46967 16.4697C5.17678 16.7626 5.17678 17.2374 5.46967 17.5303C5.76256 17.8232 6.23744 17.8232 6.53033 17.5303L13.5303 10.5303C13.5304 10.5303 13.5303 10.5303 13 10C13.5303 9.46967 13.5304 9.4697 13.5303 9.46967L6.53033 2.46967C6.23744 2.17678 5.76256 2.17678 5.46967 2.46967C5.17678 2.76256 5.17678 3.23744 5.46967 3.53033L11.9393 10Z\" fill=\"black\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1340\" class=\"elementor-element elementor-element-6baaefd8 e-con-full e-flex e-con e-child\" data-id=\"6baaefd8\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2b9a9454 elementor-widget elementor-widget-text-editor\" data-id=\"2b9a9454\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<ul><li><b>External URL<\/b><span style=\"font-weight: 400;\">: The Lottie animation is located on a different webpage. If you select <\/span><b>External URL<\/b><span style=\"font-weight: 400;\">, you\u2019ll need to enter the animation\u2019s URl in the <\/span><b>External URL<\/b><span style=\"font-weight: 400;\"> field.<\/span><\/li><li><b>Media File<\/b><span style=\"font-weight: 400;\">: Click the upload icon <img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-53140\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/05\/Upload-icon.png\" alt=\"\" width=\"26\" height=\"22\" \/> to add a json file to your website.<\/span><\/li><\/ul><p><div class=\"hbox callout-warning\">\n                <div class=\"hicon\"> \n                    <span class=\"material-symbols-outlined\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n\t\t\t\t\t<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10 2.24878C9.65323 2.24878 9.31598 2.35024 9.02625 2.53805C8.73692 2.72561 8.50787 2.99071 8.36031 3.29986L8.36001 3.30049L2.43644 15.74L2.43637 15.7401C2.30124 16.0241 2.23833 16.3374 2.25178 16.6509C2.26523 16.9645 2.35477 17.2714 2.51437 17.5427C2.67407 17.8141 2.89971 18.0424 3.17309 18.2026C3.44675 18.3629 3.75769 18.4486 4.07602 18.4488L4.07644 18.4488H15.9236L15.924 18.4488C16.2423 18.4486 16.5532 18.3629 16.8269 18.2026C17.1003 18.0424 17.3259 17.8141 17.4856 17.5427C17.6452 17.2714 17.7348 16.9645 17.7482 16.6509C17.7617 16.3374 17.6988 16.0241 17.5636 15.7401L17.5636 15.74L11.64 3.30049L11.6397 3.29986C11.4921 2.99071 11.2631 2.72561 10.9737 2.53805C10.684 2.35024 10.3468 2.24878 10 2.24878ZM9.84218 3.79673C9.89255 3.76408 9.94709 3.74878 10 3.74878C10.0529 3.74878 10.1075 3.76408 10.1578 3.79673C10.2085 3.82959 10.2544 3.87986 10.2859 3.94575L10.286 3.94602L16.2092 16.3847L16.2093 16.3849C16.2382 16.4456 16.2527 16.5153 16.2496 16.5867C16.2465 16.6581 16.2261 16.7253 16.1928 16.782C16.1596 16.8384 16.1158 16.8807 16.0686 16.9083C16.0218 16.9358 15.9718 16.9488 15.9231 16.9488H4.07686C4.02816 16.9488 3.9782 16.9358 3.93136 16.9083C3.88423 16.8807 3.84037 16.8384 3.80717 16.782C3.77386 16.7253 3.75346 16.6581 3.7504 16.5867C3.74734 16.5152 3.76187 16.4455 3.79081 16.3847L9.714 3.94602L9.71412 3.94575C9.74564 3.87986 9.79149 3.82959 9.84218 3.79673ZM10 7.33645C10.4142 7.33645 10.75 7.67223 10.75 8.08645V11.479C10.75 11.8932 10.4142 12.229 10 12.229C9.58579 12.229 9.25 11.8932 9.25 11.479V8.08645C9.25 7.67223 9.58579 7.33645 10 7.33645ZM9.22093 14.0925C9.42277 13.8806 9.7024 13.7562 9.99999 13.7562C10.2976 13.7562 10.5772 13.8806 10.779 14.0925C10.98 14.3035 11.0885 14.5842 11.0885 14.8716C11.0885 15.159 10.98 15.4397 10.779 15.6507C10.5772 15.8627 10.2976 15.987 9.99999 15.987C9.7024 15.987 9.42277 15.8627 9.22093 15.6507C9.01997 15.4397 8.91149 15.159 8.91149 14.8716C8.91149 14.5842 9.01997 14.3035 9.22093 14.0925Z\" fill=\"black\"\/>\n\t\t\t\t  <\/svg><\/span>\n                <\/div>\n                <div class=\"hboxinfo\">\n                    <strong>Warning<\/strong>\n                    <div class=\"hcontent\">Make sure the json file is from a trusted source as these types of files can contain malicious code.<\/div>\n                <\/div>\n            <\/div>\u00a0<\/p>\t\t\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<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1341\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"2\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1341\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Alignment <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M2.25 10C2.25 9.58579 2.58579 9.25 3 9.25H17C17.4142 9.25 17.75 9.58579 17.75 10C17.75 10.4142 17.4142 10.75 17 10.75H3C2.58579 10.75 2.25 10.4142 2.25 10Z\" fill=\"black\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M13.5303 9.46967L13 10L13.5303 10.5303C13.8232 10.2374 13.8232 9.76256 13.5303 9.46967ZM11.9393 10L5.46967 16.4697C5.17678 16.7626 5.17678 17.2374 5.46967 17.5303C5.76256 17.8232 6.23744 17.8232 6.53033 17.5303L13.5303 10.5303C13.5304 10.5303 13.5303 10.5303 13 10C13.5303 9.46967 13.5304 9.4697 13.5303 9.46967L6.53033 2.46967C6.23744 2.17678 5.76256 2.17678 5.46967 2.46967C5.17678 2.76256 5.17678 3.23744 5.46967 3.53033L11.9393 10Z\" fill=\"black\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1341\" class=\"elementor-element elementor-element-5ab6ca3c e-con-full e-flex e-con e-child\" data-id=\"5ab6ca3c\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5c6e0ff7 elementor-widget elementor-widget-text-editor\" data-id=\"5c6e0ff7\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Move the animation to the right, left or center of the widget.<\/p>\t\t\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<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1342\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"3\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1342\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Caption <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M2.25 10C2.25 9.58579 2.58579 9.25 3 9.25H17C17.4142 9.25 17.75 9.58579 17.75 10C17.75 10.4142 17.4142 10.75 17 10.75H3C2.58579 10.75 2.25 10.4142 2.25 10Z\" fill=\"black\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M13.5303 9.46967L13 10L13.5303 10.5303C13.8232 10.2374 13.8232 9.76256 13.5303 9.46967ZM11.9393 10L5.46967 16.4697C5.17678 16.7626 5.17678 17.2374 5.46967 17.5303C5.76256 17.8232 6.23744 17.8232 6.53033 17.5303L13.5303 10.5303C13.5304 10.5303 13.5303 10.5303 13 10C13.5303 9.46967 13.5304 9.4697 13.5303 9.46967L6.53033 2.46967C6.23744 2.17678 5.76256 2.17678 5.46967 2.46967C5.17678 2.76256 5.17678 3.23744 5.46967 3.53033L11.9393 10Z\" fill=\"black\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1342\" class=\"elementor-element elementor-element-67bf97e7 e-con-full e-flex e-con e-child\" data-id=\"67bf97e7\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6f104b75 elementor-widget elementor-widget-text-editor\" data-id=\"6f104b75\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Enter text to the text box to add a caption to your animation. If you are using an external URL, this is renamed <strong>Custom Caption<\/strong> as it overrides the caption of the external site.<\/p>\t\t\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<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1343\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"4\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1343\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Link <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M2.25 10C2.25 9.58579 2.58579 9.25 3 9.25H17C17.4142 9.25 17.75 9.58579 17.75 10C17.75 10.4142 17.4142 10.75 17 10.75H3C2.58579 10.75 2.25 10.4142 2.25 10Z\" fill=\"black\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M13.5303 9.46967L13 10L13.5303 10.5303C13.8232 10.2374 13.8232 9.76256 13.5303 9.46967ZM11.9393 10L5.46967 16.4697C5.17678 16.7626 5.17678 17.2374 5.46967 17.5303C5.76256 17.8232 6.23744 17.8232 6.53033 17.5303L13.5303 10.5303C13.5304 10.5303 13.5303 10.5303 13 10C13.5303 9.46967 13.5304 9.4697 13.5303 9.46967L6.53033 2.46967C6.23744 2.17678 5.76256 2.17678 5.46967 2.46967C5.17678 2.76256 5.17678 3.23744 5.46967 3.53033L11.9393 10Z\" fill=\"black\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1343\" class=\"elementor-element elementor-element-e321116 e-con-full e-flex e-con e-child\" data-id=\"e321116\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-56ffd38d elementor-widget elementor-widget-text-editor\" data-id=\"56ffd38d\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Enter a URL in the Link field and users will go to that page when they click the animation.<\/span><\/p>\t\t\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<\/details>\n\t\t\t\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 id=\"e-n-tab-content-20675399052\" role=\"tabpanel\" aria-labelledby=\"e-n-tab-title-20675399052\" data-tab-index=\"2\" style=\"--n-tabs-title-order: 2;\" class=\" elementor-element elementor-element-4a3fe793 e-con-full e-flex e-con e-child\" data-id=\"4a3fe793\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3874069c elementor-widget__width-initial elementor-widget elementor-widget-image\" data-id=\"3874069c\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"299\" height=\"663\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/05\/Content-Tab-Settings-1.png\" class=\"attachment-large size-large wp-image-53159\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/05\/Content-Tab-Settings-1.png 299w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/05\/Content-Tab-Settings-1-135x300.png 135w\" sizes=\"(max-width: 299px) 100vw, 299px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c0b46fc elementor-widget elementor-widget-n-accordion\" data-id=\"c0b46fc\" data-element_type=\"widget\" data-settings=\"{&quot;default_state&quot;:&quot;all_collapsed&quot;,&quot;max_items_expended&quot;:&quot;one&quot;,&quot;n_accordion_animation_duration&quot;:{&quot;unit&quot;:&quot;ms&quot;,&quot;size&quot;:400,&quot;sizes&quot;:[]}}\" data-widget_type=\"nested-accordion.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-n-accordion\" aria-label=\"Accordion. Open links with Enter or Space, close with Escape, and navigate with Arrow Keys\">\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-2020\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"1\" tabindex=\"0\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-2020\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Trigger <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><i aria-hidden=\"true\" class=\"fas fa-minus\"><\/i><\/span>\n\t\t\t<span class='e-closed'><i aria-hidden=\"true\" class=\"fas fa-chevron-right\"><\/i><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-2020\" class=\"elementor-element elementor-element-3366a8e2 e-con-full e-flex e-con e-child\" data-id=\"3366a8e2\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-63e55eaf elementor-widget elementor-widget-text-editor\" data-id=\"63e55eaf\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Select the action that will start the animation. Choices are:<\/span><\/p><ul><li><b>Viewport: <\/b><span style=\"font-weight: 400;\">The animation begins when a certain percentage of the animation is visible to the visitor. Use the <strong>Viewport<\/strong> slider to determine the exact percentage.<\/span><\/li><li><b>On Click<\/b><span style=\"font-weight: 400;\">: The animation begins when the visitor clicks it.\u00a0<\/span><\/li><li><b>On Hover<\/b><span style=\"font-weight: 400;\">: The animation begins when the visitor mouses over it. If you choose:<\/span><ul><li><span style=\"font-weight: 400;\"><strong> Hover Area<\/strong>: Define the area users have to mouse over to activate the animation. The choices are:<\/span><ul><li><p><b>Animation<\/b><span style=\"font-weight: 400;\">: The animation itself.<\/span><\/p><\/li><li><p><strong>Column<\/strong>: The column containing the animation.<\/p><\/li><li><p><strong>Section<\/strong>: The section containing the animation.<\/p><\/li><li><strong>Container<\/strong>: The container containing the animation.<\/li><\/ul><\/li><li><strong>On Hover Out<\/strong>: Determine what happens to the animation when the visitor moves the cursor off the animation area.<\/li><\/ul><\/li><li><strong>Scroll<\/strong>: Activate the animation as the user scrolls down the screen, A <strong>Viewport<\/strong> slider determines how much the user has to scroll before the animation begins.<\/li><li><strong>None<\/strong>: The animation won&#8217;t activate.<\/li><\/ul>\t\t\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<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-2021\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"2\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-2021\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Loop <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><i aria-hidden=\"true\" class=\"fas fa-minus\"><\/i><\/span>\n\t\t\t<span class='e-closed'><i aria-hidden=\"true\" class=\"fas fa-chevron-right\"><\/i><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-2021\" class=\"elementor-element elementor-element-2e3509a0 e-con-full e-flex e-con e-child\" data-id=\"2e3509a0\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2babb986 elementor-widget elementor-widget-text-editor\" data-id=\"2babb986\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Determines how long the animation will continue:<\/p><ul><li><b>Default:<\/b><span style=\"font-weight: 400;\">\u00a0the animation finishes its loop and stops<\/span><\/li><li><b>Pause<\/b><span style=\"font-weight: 400;\">: The animation stops where it is<\/span><\/li><li><b>Reverse<\/b><span style=\"font-weight: 400;\">: the animation goes backwards to the beginning of the loop.<\/span><\/li><\/ul>\t\t\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<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-2022\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"3\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-2022\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Play Speed <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><i aria-hidden=\"true\" class=\"fas fa-minus\"><\/i><\/span>\n\t\t\t<span class='e-closed'><i aria-hidden=\"true\" class=\"fas fa-chevron-right\"><\/i><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-2022\" class=\"elementor-element elementor-element-e58dfd5 e-con-full e-flex e-con e-child\" data-id=\"e58dfd5\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-025fca3 elementor-widget elementor-widget-text-editor\" data-id=\"025fca3\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">How fast the animation will play.<\/span><\/p>\t\t\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<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-2023\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"4\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-2023\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Start Point and End Point <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><i aria-hidden=\"true\" class=\"fas fa-minus\"><\/i><\/span>\n\t\t\t<span class='e-closed'><i aria-hidden=\"true\" class=\"fas fa-chevron-right\"><\/i><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-2023\" class=\"elementor-element elementor-element-b154271 e-con-full e-flex e-con e-child\" data-id=\"b154271\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b92e667 elementor-widget elementor-widget-text-editor\" data-id=\"b92e667\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">You don\u2019t have to play the entire Lottie animation. Use the Start and End Point sliders to limit how much of the animation plays.<\/span><\/p>\t\t\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<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-2024\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"5\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-2024\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Reverse <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><i aria-hidden=\"true\" class=\"fas fa-minus\"><\/i><\/span>\n\t\t\t<span class='e-closed'><i aria-hidden=\"true\" class=\"fas fa-chevron-right\"><\/i><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-2024\" class=\"elementor-element elementor-element-558de3e e-con-full e-flex e-con e-child\" data-id=\"558de3e\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e275a26 elementor-widget elementor-widget-text-editor\" data-id=\"e275a26\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Toggle to Yes if you want the animation to begin at the end and run backwards.<\/p>\t\t\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<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-2025\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"6\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-2025\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Renderer <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><i aria-hidden=\"true\" class=\"fas fa-minus\"><\/i><\/span>\n\t\t\t<span class='e-closed'><i aria-hidden=\"true\" class=\"fas fa-chevron-right\"><\/i><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-2025\" class=\"elementor-element elementor-element-e2a3348 e-con-full e-flex e-con e-child\" data-id=\"e2a3348\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ea01cc1 elementor-widget elementor-widget-text-editor\" data-id=\"ea01cc1\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Choose which system to render the animation:<\/span><\/p><ul><li><strong>SVG<\/strong>: Render as SVG which gives you greater control over the animation.<\/li><li><strong>Canvas<\/strong>: Render as either SVG or Raster. Usually works faster than SVG.<\/li><\/ul>\t\t\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<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-2026\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"7\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-2026\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Lazy Load <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><i aria-hidden=\"true\" class=\"fas fa-minus\"><\/i><\/span>\n\t\t\t<span class='e-closed'><i aria-hidden=\"true\" class=\"fas fa-chevron-right\"><\/i><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-2026\" class=\"elementor-element elementor-element-764e1f3 e-con-full e-flex e-con e-child\" data-id=\"764e1f3\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-18561cb elementor-widget elementor-widget-text-editor\" data-id=\"18561cb\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Toggle on to delay loading the animation to speed up page loading. For details, see <\/span><a href=\"https:\/\/elementor.com\/help\/lazy-loading\/\"><span style=\"font-weight: 400;\">Lazy Loading<\/span><\/a><span style=\"font-weight: 400;\">.<\/span><\/p>\t\t\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<\/details>\n\t\t\t\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<\/div>\n\t\t\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-223aa29d e-flex e-con-boxed e-con e-parent\" data-id=\"223aa29d\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-49dbdad0 elementor-widget elementor-widget-heading\" data-id=\"49dbdad0\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Style tab<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5ff97dfd elementor-widget elementor-widget-text-editor\" data-id=\"5ff97dfd\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p class=\"sc-jMbUWg fdTPyi\">Determine the look and feel of Lottie widget items and controls.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-199a96cd elementor-widget__width-auto e-n-tabs-mobile elementor-widget elementor-widget-n-tabs\" data-id=\"199a96cd\" data-element_type=\"widget\" data-settings=\"{&quot;horizontal_scroll&quot;:&quot;disable&quot;}\" data-widget_type=\"nested-tabs.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-n-tabs\" data-widget-number=\"429561549\" aria-label=\"Tabs. Open items with Enter or Space, close with Escape and navigate using the Arrow keys.\">\n\t\t\t<div class=\"e-n-tabs-heading\" role=\"tablist\">\n\t\t\t\t\t<button id=\"e-n-tab-title-4295615491\" data-tab-title-id=\"e-n-tab-title-4295615491\" class=\"e-n-tab-title\" aria-selected=\"true\" data-tab-index=\"1\" role=\"tab\" tabindex=\"0\" aria-controls=\"e-n-tab-content-4295615491\" style=\"--n-tabs-title-order: 1;\">\n\t\t\t\t\t\t<span class=\"e-n-tab-title-text\">\n\t\t\t\tLottie\t\t\t<\/span>\n\t\t<\/button>\n\t\t\t\t\t<\/div>\n\t\t\t<div class=\"e-n-tabs-content\">\n\t\t\t\t<div id=\"e-n-tab-content-4295615491\" role=\"tabpanel\" aria-labelledby=\"e-n-tab-title-4295615491\" data-tab-index=\"1\" style=\"--n-tabs-title-order: 1;\" class=\"e-active elementor-element elementor-element-15324a29 e-con-full e-flex e-con e-child\" data-id=\"15324a29\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-716dedc8 elementor-widget__width-initial elementor-widget elementor-widget-image\" data-id=\"716dedc8\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"570\" height=\"896\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/05\/Style-tab.png\" class=\"attachment-large size-large wp-image-53158\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/05\/Style-tab.png 570w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/05\/Style-tab-191x300.png 191w\" sizes=\"(max-width: 570px) 100vw, 570px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cbf4ba elementor-widget elementor-widget-n-accordion\" data-id=\"cbf4ba\" data-element_type=\"widget\" data-settings=\"{&quot;default_state&quot;:&quot;all_collapsed&quot;,&quot;max_items_expended&quot;:&quot;one&quot;,&quot;n_accordion_animation_duration&quot;:{&quot;unit&quot;:&quot;ms&quot;,&quot;size&quot;:400,&quot;sizes&quot;:[]}}\" data-widget_type=\"nested-accordion.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-n-accordion\" aria-label=\"Accordion. Open links with Enter or Space, close with Escape, and navigate with Arrow Keys\">\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1330\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"1\" tabindex=\"0\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1330\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Width and Max Width <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><i aria-hidden=\"true\" class=\"fas fa-minus\"><\/i><\/span>\n\t\t\t<span class='e-closed'><i aria-hidden=\"true\" class=\"fas fa-chevron-right\"><\/i><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1330\" class=\"elementor-element elementor-element-1db54d2d e-con-full e-flex e-con e-child\" data-id=\"1db54d2d\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5a5eaea2 elementor-widget elementor-widget-text-editor\" data-id=\"5a5eaea2\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<ul><li><b>Width<\/b><span style=\"font-weight: 400;\">: The minimum size of the animation is from side to side.<\/span><\/li><li><b>Maximum Width<\/b><span style=\"font-weight: 400;\">: The maximum size of the animation is from side to side.<\/span><\/li><\/ul><p><b><div class=\"hbox callout-default\">\n                <div class=\"hicon\"> \n                    <span class=\"material-symbols-outlined\"><\/span>\n                <\/div>\n                <div class=\"hboxinfo\">\n                    <strong><\/strong>\n                    <div class=\"hcontent\">Example of Width and Maximum Width<\/b><span style=\"font-weight: 400;\">:<\/span><\/p><p><span style=\"font-weight: 400;\"> You can set the <\/span><b>Width<\/b><span style=\"font-weight: 400;\"> of an animation to 100% and the <\/span><b>Maximum Width<\/b><span style=\"font-weight: 400;\"> to 600 pixels. This means the animation will take up 100% of the parent container\u2019s width but never be more than 600 pixels wide.<\/div>\n                <\/div>\n            <\/div><\/span><\/p>\t\t\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<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1331\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"2\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1331\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Normal\/Hover <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><i aria-hidden=\"true\" class=\"fas fa-minus\"><\/i><\/span>\n\t\t\t<span class='e-closed'><i aria-hidden=\"true\" class=\"fas fa-chevron-right\"><\/i><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1331\" class=\"elementor-element elementor-element-76cedf4c e-con-full e-flex e-con e-child\" data-id=\"76cedf4c\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-76a3f79a elementor-widget elementor-widget-text-editor\" data-id=\"76a3f79a\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><b>Normal\/Hover<\/b><\/p><ul><li style=\"font-weight: 400;\" aria-level=\"1\"><b>Normal:\u00a0 <\/b><span style=\"font-weight: 400;\">Determine how the animation appears by default.\u00a0<\/span><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><b>Hover: <\/b><span style=\"font-weight: 400;\">Determine how the animation appears when moused over.\u00a0\u00a0<\/span><\/li><\/ul><p><span style=\"font-weight: 400;\">When Hover is selected, you\u2019ll be able to set a <\/span><b>Transition Duration<\/b><span style=\"font-weight: 400;\">. This is the amount of time it takes the animation to change when the user mouses over it.<\/span><\/p>\t\t\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<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1332\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"3\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1332\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Opacity <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><i aria-hidden=\"true\" class=\"fas fa-minus\"><\/i><\/span>\n\t\t\t<span class='e-closed'><i aria-hidden=\"true\" class=\"fas fa-chevron-right\"><\/i><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1332\" class=\"elementor-element elementor-element-72157bfd e-con-full e-flex e-con e-child\" data-id=\"72157bfd\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1a51e3ef elementor-widget elementor-widget-text-editor\" data-id=\"1a51e3ef\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Use the slider to determine how transparent the animation is.<\/p>\t\t\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<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1333\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"4\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1333\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> CSS Filter <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><i aria-hidden=\"true\" class=\"fas fa-minus\"><\/i><\/span>\n\t\t\t<span class='e-closed'><i aria-hidden=\"true\" class=\"fas fa-chevron-right\"><\/i><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1333\" class=\"elementor-element elementor-element-7a1e3fdd e-con-full e-flex e-con e-child\" data-id=\"7a1e3fdd\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-46f2459f elementor-widget elementor-widget-text-editor\" data-id=\"46f2459f\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Use different special effects to change the look of your animation. These include:<\/span><\/p><ul><li><strong>Blur<\/strong><\/li><li><strong>Brightness<\/strong><\/li><li><strong>Contrast<\/strong><\/li><li><strong>Saturation\u00a0<\/strong><\/li><li><strong>Hue<\/strong><\/li><\/ul>\t\t\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<\/details>\n\t\t\t\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<\/div>\n\t\t\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-31885bc6 e-flex e-con-boxed e-con e-parent\" data-id=\"31885bc6\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-36437b57 elementor-widget elementor-widget-heading\" data-id=\"36437b57\" data-element_type=\"widget\" id=\"settings\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Advanced tab<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7580d259 elementor-widget elementor-widget-text-editor\" data-id=\"7580d259\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p class=\"sc-jMbUWg fdTPyi\">Control the placement of your widget, insert links, add custom code and more.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-78651fbe elementor-widget__width-auto e-n-tabs-mobile elementor-widget elementor-widget-n-tabs\" data-id=\"78651fbe\" data-element_type=\"widget\" data-settings=\"{&quot;horizontal_scroll&quot;:&quot;disable&quot;}\" data-widget_type=\"nested-tabs.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-n-tabs\" data-widget-number=\"2019893182\" aria-label=\"Tabs. Open items with Enter or Space, close with Escape and navigate using the Arrow keys.\">\n\t\t\t<div class=\"e-n-tabs-heading\" role=\"tablist\">\n\t\t\t\t\t<button id=\"e-n-tab-title-20198931821\" data-tab-title-id=\"e-n-tab-title-20198931821\" class=\"e-n-tab-title\" aria-selected=\"true\" data-tab-index=\"1\" role=\"tab\" tabindex=\"0\" aria-controls=\"e-n-tab-content-20198931821\" style=\"--n-tabs-title-order: 1;\">\n\t\t\t\t\t\t<span class=\"e-n-tab-title-text\">\n\t\t\t\tAdvanced\t\t\t<\/span>\n\t\t<\/button>\n\t\t\t\t\t<\/div>\n\t\t\t<div class=\"e-n-tabs-content\">\n\t\t\t\t<div id=\"e-n-tab-content-20198931821\" role=\"tabpanel\" aria-labelledby=\"e-n-tab-title-20198931821\" data-tab-index=\"1\" style=\"--n-tabs-title-order: 1;\" class=\"e-active elementor-element elementor-element-261246c3 e-con-full e-flex e-con e-child\" data-id=\"261246c3\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-41e10560 elementor-widget__width-initial elementor-widget elementor-widget-image\" data-id=\"41e10560\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"303\" height=\"855\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/05\/Advanced-tab.png\" class=\"attachment-large size-large wp-image-53173\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/05\/Advanced-tab.png 303w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/05\/Advanced-tab-106x300.png 106w\" sizes=\"(max-width: 303px) 100vw, 303px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-24c8e73e elementor-widget elementor-widget-n-accordion\" data-id=\"24c8e73e\" data-element_type=\"widget\" data-settings=\"{&quot;default_state&quot;:&quot;all_collapsed&quot;,&quot;max_items_expended&quot;:&quot;one&quot;,&quot;n_accordion_animation_duration&quot;:{&quot;unit&quot;:&quot;ms&quot;,&quot;size&quot;:400,&quot;sizes&quot;:[]}}\" data-widget_type=\"nested-accordion.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-n-accordion\" aria-label=\"Accordion. Open links with Enter or Space, close with Escape, and navigate with Arrow Keys\">\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-6170\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"1\" tabindex=\"0\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-6170\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Advanced <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><i aria-hidden=\"true\" class=\"fas fa-minus\"><\/i><\/span>\n\t\t\t<span class='e-closed'><i aria-hidden=\"true\" class=\"fas fa-chevron-right\"><\/i><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-6170\" class=\"elementor-element elementor-element-443aee87 e-con-full e-flex e-con e-child\" data-id=\"443aee87\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-707352cd elementor-widget elementor-widget-text-editor\" data-id=\"707352cd\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Learn more about the <a href=\"https:\/\/elementor.com\/help\/advanced-tab\/\">Advanced tab settings<\/a>.<\/p>\t\t\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<\/details>\n\t\t\t\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<\/div>\n\t\t\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-1ce147aa e-flex e-con-boxed e-con e-parent\" data-id=\"1ce147aa\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\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>Learn how to use the Lottie Widget to place animated elements on your site<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"elementor_theme","format":"standard","meta":{"_acf_changed":false,"_elementor_kustomer_id":["65a3e9ebf2bce605ab4529d3"],"footnotes":""},"categories":[1440],"tags":[1389,1388,1387,1390,1398,1235],"class_list":["post-3342","post","type-post","status-publish","format-standard","hentry","category-advanced-functionality","tag-advanced","tag-agency","tag-essential","tag-expert","tag-legacy-essential","tag-pro"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Lottie widget | Elementor<\/title>\n<meta name=\"description\" content=\"Learn everything about Lottie widget in this article from Elementor&#039;s Knowledge Base. Get Elementor tips &amp; more.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/elementor.com\/help\/lottie-widget\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Lottie widget | Elementor\" \/>\n<meta property=\"og:description\" content=\"Learn everything about Lottie widget in this article from Elementor&#039;s Knowledge Base. Get Elementor tips &amp; more.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/help\/lottie-widget\/\" \/>\n<meta property=\"og:site_name\" content=\"Help\" \/>\n<meta property=\"article:published_time\" content=\"2020-05-27T09:44:38+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-10-08T12:01:29+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/05\/The-widget.png\" \/>\n\t<meta property=\"og:image:width\" content=\"262\" \/>\n\t<meta property=\"og:image:height\" content=\"188\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Alan Kaler\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Alan Kaler\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"11 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/elementor.com\/help\/lottie-widget\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/lottie-widget\/\"},\"author\":{\"name\":\"Alan Kaler\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/person\/ebf805be1a1abdd587d4b97e3328f430\"},\"headline\":\"Lottie widget\",\"datePublished\":\"2020-05-27T09:44:38+00:00\",\"dateModified\":\"2024-10-08T12:01:29+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/lottie-widget\/\"},\"wordCount\":2203,\"publisher\":{\"@id\":\"https:\/\/elementor.com\/help\/#organization\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/lottie-widget\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/05\/The-widget.png\",\"keywords\":[\"Advanced\",\"Agency\",\"Essential\",\"Expert\",\"Legacy Essential\",\"Pro\"],\"articleSection\":[\"Advanced functionality\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/elementor.com\/help\/lottie-widget\/\",\"url\":\"https:\/\/elementor.com\/help\/lottie-widget\/\",\"name\":\"Lottie widget | Elementor\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/lottie-widget\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/lottie-widget\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/05\/The-widget.png\",\"datePublished\":\"2020-05-27T09:44:38+00:00\",\"dateModified\":\"2024-10-08T12:01:29+00:00\",\"description\":\"Learn everything about Lottie widget in this article from Elementor's Knowledge Base. Get Elementor tips & more.\",\"breadcrumb\":{\"@id\":\"https:\/\/elementor.com\/help\/lottie-widget\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/elementor.com\/help\/lottie-widget\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/help\/lottie-widget\/#primaryimage\",\"url\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/05\/The-widget.png\",\"contentUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/05\/The-widget.png\",\"width\":262,\"height\":188},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/elementor.com\/help\/lottie-widget\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Help Center\",\"item\":\"https:\/\/elementor.com\/help\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Elementor Editor\",\"item\":\"https:\/\/elementor.com\/help\/elementor-editor\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Widgets\",\"item\":\"https:\/\/elementor.com\/help\/elementor-editor\/widgets\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Advanced functionality\",\"item\":\"https:\/\/elementor.com\/help\/elementor-editor\/widgets\/advanced-functionality\/\"},{\"@type\":\"ListItem\",\"position\":5,\"name\":\"Lottie widget\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/elementor.com\/help\/#website\",\"url\":\"https:\/\/elementor.com\/help\/\",\"name\":\"Elementor\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/elementor.com\/help\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/elementor.com\/help\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/elementor.com\/help\/#organization\",\"name\":\"Elementor\",\"url\":\"https:\/\/elementor.com\/help\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png\",\"contentUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png\",\"width\":225,\"height\":225,\"caption\":\"Elementor\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/person\/ebf805be1a1abdd587d4b97e3328f430\",\"name\":\"Alan Kaler\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/7618989d1401c38afe50748601d8dad91fdb8930f53fe037881768b15ab4b108?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/7618989d1401c38afe50748601d8dad91fdb8930f53fe037881768b15ab4b108?s=96&d=mm&r=g\",\"caption\":\"Alan Kaler\"},\"description\":\"Alan Kaler is an expert Elementorist at Elementor and a WordPress Magician who thinks that the three most beautiful words in our language are: I told you\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Lottie widget | Elementor","description":"Learn everything about Lottie widget in this article from Elementor's Knowledge Base. Get Elementor tips & more.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/elementor.com\/help\/lottie-widget\/","og_locale":"en_US","og_type":"article","og_title":"Lottie widget | Elementor","og_description":"Learn everything about Lottie widget in this article from Elementor's Knowledge Base. Get Elementor tips & more.","og_url":"https:\/\/elementor.com\/help\/lottie-widget\/","og_site_name":"Help","article_published_time":"2020-05-27T09:44:38+00:00","article_modified_time":"2024-10-08T12:01:29+00:00","og_image":[{"width":262,"height":188,"url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/05\/The-widget.png","type":"image\/png"}],"author":"Alan Kaler","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Alan Kaler","Est. reading time":"11 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/help\/lottie-widget\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/help\/lottie-widget\/"},"author":{"name":"Alan Kaler","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/ebf805be1a1abdd587d4b97e3328f430"},"headline":"Lottie widget","datePublished":"2020-05-27T09:44:38+00:00","dateModified":"2024-10-08T12:01:29+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/help\/lottie-widget\/"},"wordCount":2203,"publisher":{"@id":"https:\/\/elementor.com\/help\/#organization"},"image":{"@id":"https:\/\/elementor.com\/help\/lottie-widget\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/05\/The-widget.png","keywords":["Advanced","Agency","Essential","Expert","Legacy Essential","Pro"],"articleSection":["Advanced functionality"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/elementor.com\/help\/lottie-widget\/","url":"https:\/\/elementor.com\/help\/lottie-widget\/","name":"Lottie widget | Elementor","isPartOf":{"@id":"https:\/\/elementor.com\/help\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/help\/lottie-widget\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/help\/lottie-widget\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/05\/The-widget.png","datePublished":"2020-05-27T09:44:38+00:00","dateModified":"2024-10-08T12:01:29+00:00","description":"Learn everything about Lottie widget in this article from Elementor's Knowledge Base. Get Elementor tips & more.","breadcrumb":{"@id":"https:\/\/elementor.com\/help\/lottie-widget\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/help\/lottie-widget\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/lottie-widget\/#primaryimage","url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/05\/The-widget.png","contentUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/05\/The-widget.png","width":262,"height":188},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/help\/lottie-widget\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Help Center","item":"https:\/\/elementor.com\/help\/"},{"@type":"ListItem","position":2,"name":"Elementor Editor","item":"https:\/\/elementor.com\/help\/elementor-editor\/"},{"@type":"ListItem","position":3,"name":"Widgets","item":"https:\/\/elementor.com\/help\/elementor-editor\/widgets\/"},{"@type":"ListItem","position":4,"name":"Advanced functionality","item":"https:\/\/elementor.com\/help\/elementor-editor\/widgets\/advanced-functionality\/"},{"@type":"ListItem","position":5,"name":"Lottie widget"}]},{"@type":"WebSite","@id":"https:\/\/elementor.com\/help\/#website","url":"https:\/\/elementor.com\/help\/","name":"Elementor","description":"","publisher":{"@id":"https:\/\/elementor.com\/help\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elementor.com\/help\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/elementor.com\/help\/#organization","name":"Elementor","url":"https:\/\/elementor.com\/help\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/","url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png","contentUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png","width":225,"height":225,"caption":"Elementor"},"image":{"@id":"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/ebf805be1a1abdd587d4b97e3328f430","name":"Alan Kaler","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/7618989d1401c38afe50748601d8dad91fdb8930f53fe037881768b15ab4b108?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/7618989d1401c38afe50748601d8dad91fdb8930f53fe037881768b15ab4b108?s=96&d=mm&r=g","caption":"Alan Kaler"},"description":"Alan Kaler is an expert Elementorist at Elementor and a WordPress Magician who thinks that the three most beautiful words in our language are: I told you"}]}},"_links":{"self":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/3342","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/comments?post=3342"}],"version-history":[{"count":45,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/3342\/revisions"}],"predecessor-version":[{"id":53182,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/3342\/revisions\/53182"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/media?parent=3342"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/categories?post=3342"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/tags?post=3342"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}