{"id":4591,"date":"2023-12-07T06:10:16","date_gmt":"2023-12-07T06:10:16","guid":{"rendered":"https:\/\/innovat.themewant.com\/?page_id=4591"},"modified":"2023-12-19T06:02:36","modified_gmt":"2023-12-19T06:02:36","slug":"before-after","status":"publish","type":"page","link":"https:\/\/themewant.com\/products\/wordpress\/innovat\/before-after\/","title":{"rendered":"Before After"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"4591\" class=\"elementor elementor-4591\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3f53d86 e-con-full e-flex e-con e-parent\" data-id=\"3f53d86\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-009a744 e-con-full e-flex e-con e-child\" data-id=\"009a744\" data-element_type=\"container\">\n\t\t\r\n\r\n\t\t<div class=\"elementor-element elementor-element-84242f7 elementor-widget elementor-widget-rt-after-befor-image\" data-id=\"84242f7\" data-element_type=\"widget\" data-widget_type=\"rt-after-befor-image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\r\n\t\t\r\n\t <!-- rs after-beforearea start -->\r\n\t <div class=\"rts-after-before-area-start style-style1\">\r\n        <div class=\"container-full\">\r\n            <div class=\"row\">\r\n                <div class=\"col-lg-12\">\r\n                    <div class=\"after-before-main-wrapper-one\">\r\n                        <div class=\"inner\">\r\n                            <div class=\"comparison-slider-wrapper\">\r\n                                <div class=\"comparison-slider\">\r\n                                    <div class=\"overlay\">Before<\/div>\r\n                                    <img decoding=\"async\" src=\"https:\/\/themewant.com\/products\/wordpress\/innovat\/wp-content\/uploads\/2023\/11\/04-5.jpg\" alt=\"marioPhoto 2\">\r\n                                    <div class=\"resize\">\r\n                                        <div class=\"overlay\">After<\/div>\r\n                                        <img decoding=\"async\" src=\"https:\/\/themewant.com\/products\/wordpress\/innovat\/wp-content\/uploads\/2023\/11\/03-5.jpg\" alt=\"marioPhoto 1\">\r\n                                    <\/div>\r\n                                    <div class=\"divider\"><\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n    <!-- rs after-beforearea end -->\r\n\r\n\t\t<script>\r\n\t\t\t(function ($) {\r\n\r\n\t\t\t\tfunction afterBefore(){\r\n\t\t\t\t\t$(document).ready(function() {\r\n\t\t\r\n\t\t\t\t\t\tif ($(\".comparison-slider\")[0]) {\r\n\t\t\t\t\t\t\tlet compSlider = $(\".comparison-slider\");\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\tcompSlider.each(function() {\r\n\t\t\t\t\t\t\t\tlet compSliderWidth = $(this).width() + \"px\";\r\n\t\t\t\t\t\t\t\t$(this).find(\".resize img\").css({ width: compSliderWidth });\r\n\t\t\t\t\t\t\t\tdrags($(this).find(\".divider\"), $(this).find(\".resize\"), $(this));\r\n\t\t\t\t\t\t\t});\r\n\r\n\t\t\t\t\t\t\t$(window).on(\"resize\", function() {\r\n\t\t\t\t\t\t\t\tlet compSliderWidth = compSlider.width() + \"px\";\r\n\t\t\t\t\t\t\t\tcompSlider.find(\".resize img\").css({ width: compSliderWidth });\r\n\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t});\r\n\t\t\t\t\tfunction drags(dragElement, resizeElement, container) {\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\tlet touched = false;\r\n\t\t\t\t\t\twindow.addEventListener('touchstart', function() {\r\n\t\t\t\t\t\t\ttouched = true;\r\n\t\t\t\t\t\t});\r\n\t\t\t\t\t\twindow.addEventListener('touchend', function() {\r\n\t\t\t\t\t\t\ttouched = false;\r\n\t\t\t\t\t\t});\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\tdragElement.on(\"mousedown touchstart\", function(e) {\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\tdragElement.addClass(\"draggable\");\r\n\t\t\t\t\t\t\t\tresizeElement.addClass(\"resizable\");\r\n\t\t\t\t\t\t\t\t\/\/create vars\r\n\t\t\t\t\t\t\t\tlet startX = e.pageX ? e.pageX : e.originalEvent.touches[0].pageX;\r\n\t\t\t\t\t\t\t\tlet dragWidth = dragElement.outerWidth();\r\n\t\t\t\t\t\t\t\tlet posX = dragElement.offset().left + dragWidth - startX;\r\n\t\t\t\t\t\t\t\tlet containerOffset = container.offset().left;\r\n\t\t\t\t\t\t\t\tlet containerWidth = container.outerWidth();\r\n\t\t\t\t\t\t\t\tlet minLeft = containerOffset + 10;\r\n\t\t\t\t\t\t\t\tlet maxLeft = containerOffset + containerWidth - dragWidth - 10;\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\tdragElement.parents().on(\"mousemove touchmove\", function(e) {\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\tif ( touched === false ) {\r\n\t\t\t\t\t\t\t\t\t\te.preventDefault();\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\tlet moveX = e.pageX ? e.pageX : e.originalEvent.touches[0].pageX;\r\n\t\t\t\t\t\t\t\t\tlet leftValue = moveX + posX - dragWidth;\r\n\r\n\t\t\t\t\t\t\t\t\tif (leftValue < minLeft) {\r\n\t\t\t\t\t\t\t\t\t\tleftValue = minLeft;\r\n\t\t\t\t\t\t\t\t\t} else if (leftValue > maxLeft) {\r\n\t\t\t\t\t\t\t\t\t\tleftValue = maxLeft;\r\n\t\t\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t\t\tlet widthValue = (leftValue + dragWidth \/ 2 - containerOffset) * 100 \/ containerWidth + \"%\";\r\n\r\n\t\t\t\t\t\t\t\t\t$(\".draggable\").css(\"left\", widthValue).on(\"mouseup touchend touchcancel\", function() {\r\n\t\t\t\t\t\t\t\t\t\t$(this).removeClass(\"draggable\");\r\n\t\t\t\t\t\t\t\t\t\tresizeElement.removeClass(\"resizable\");\r\n\t\t\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t$(\".resizable\").css(\"width\", widthValue);\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t}).on(\"mouseup touchend touchcancel\", function() {\r\n\t\t\t\t\t\t\t\t\tdragElement.removeClass(\"draggable\");\r\n\t\t\t\t\t\t\t\t\tresizeElement.removeClass(\"resizable\");\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t}).on(\"mouseup touchend touchcancel\", function(e) {\r\n\t\t\t\t\t\t\t\tdragElement.removeClass(\"draggable\");\r\n\t\t\t\t\t\t\t\tresizeElement.removeClass(\"resizable\");\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n    \t\t\tafterBefore();\r\n\r\n\t\t\t})(jQuery);\r\n\t\t<\/script>\r\n\t\t\r\n\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-56d8ce5 e-flex e-con-boxed e-con e-parent\" data-id=\"56d8ce5\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-de70ee5 e-con-full e-flex e-con e-child\" data-id=\"de70ee5\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d7d9727 elementor-widget elementor-widget-rt-after-befor-image\" data-id=\"d7d9727\" data-element_type=\"widget\" data-widget_type=\"rt-after-befor-image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\r\n\t\t\r\n\t <!-- rs after-beforearea start -->\r\n\t <div class=\"rts-after-before-area-start style-style1\">\r\n        <div class=\"container-full\">\r\n            <div class=\"row\">\r\n                <div class=\"col-lg-12\">\r\n                    <div class=\"after-before-main-wrapper-one\">\r\n                        <div class=\"inner\">\r\n                            <div class=\"comparison-slider-wrapper\">\r\n                                <div class=\"comparison-slider\">\r\n                                    <div class=\"overlay\">Before<\/div>\r\n                                    <img decoding=\"async\" src=\"https:\/\/themewant.com\/products\/wordpress\/innovat\/wp-content\/uploads\/2023\/12\/02.png\" alt=\"marioPhoto 2\">\r\n                                    <div class=\"resize\">\r\n                                        <div class=\"overlay\">After<\/div>\r\n                                        <img decoding=\"async\" src=\"https:\/\/themewant.com\/products\/wordpress\/innovat\/wp-content\/uploads\/2023\/12\/01.png\" alt=\"marioPhoto 1\">\r\n                                    <\/div>\r\n                                    <div class=\"divider\"><\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n    <!-- rs after-beforearea end -->\r\n\r\n\t\t<script>\r\n\t\t\t(function ($) {\r\n\r\n\t\t\t\tfunction afterBefore(){\r\n\t\t\t\t\t$(document).ready(function() {\r\n\t\t\r\n\t\t\t\t\t\tif ($(\".comparison-slider\")[0]) {\r\n\t\t\t\t\t\t\tlet compSlider = $(\".comparison-slider\");\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\tcompSlider.each(function() {\r\n\t\t\t\t\t\t\t\tlet compSliderWidth = $(this).width() + \"px\";\r\n\t\t\t\t\t\t\t\t$(this).find(\".resize img\").css({ width: compSliderWidth });\r\n\t\t\t\t\t\t\t\tdrags($(this).find(\".divider\"), $(this).find(\".resize\"), $(this));\r\n\t\t\t\t\t\t\t});\r\n\r\n\t\t\t\t\t\t\t$(window).on(\"resize\", function() {\r\n\t\t\t\t\t\t\t\tlet compSliderWidth = compSlider.width() + \"px\";\r\n\t\t\t\t\t\t\t\tcompSlider.find(\".resize img\").css({ width: compSliderWidth });\r\n\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t});\r\n\t\t\t\t\tfunction drags(dragElement, resizeElement, container) {\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\tlet touched = false;\r\n\t\t\t\t\t\twindow.addEventListener('touchstart', function() {\r\n\t\t\t\t\t\t\ttouched = true;\r\n\t\t\t\t\t\t});\r\n\t\t\t\t\t\twindow.addEventListener('touchend', function() {\r\n\t\t\t\t\t\t\ttouched = false;\r\n\t\t\t\t\t\t});\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\tdragElement.on(\"mousedown touchstart\", function(e) {\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\tdragElement.addClass(\"draggable\");\r\n\t\t\t\t\t\t\t\tresizeElement.addClass(\"resizable\");\r\n\t\t\t\t\t\t\t\t\/\/create vars\r\n\t\t\t\t\t\t\t\tlet startX = e.pageX ? e.pageX : e.originalEvent.touches[0].pageX;\r\n\t\t\t\t\t\t\t\tlet dragWidth = dragElement.outerWidth();\r\n\t\t\t\t\t\t\t\tlet posX = dragElement.offset().left + dragWidth - startX;\r\n\t\t\t\t\t\t\t\tlet containerOffset = container.offset().left;\r\n\t\t\t\t\t\t\t\tlet containerWidth = container.outerWidth();\r\n\t\t\t\t\t\t\t\tlet minLeft = containerOffset + 10;\r\n\t\t\t\t\t\t\t\tlet maxLeft = containerOffset + containerWidth - dragWidth - 10;\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\tdragElement.parents().on(\"mousemove touchmove\", function(e) {\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\tif ( touched === false ) {\r\n\t\t\t\t\t\t\t\t\t\te.preventDefault();\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\tlet moveX = e.pageX ? e.pageX : e.originalEvent.touches[0].pageX;\r\n\t\t\t\t\t\t\t\t\tlet leftValue = moveX + posX - dragWidth;\r\n\r\n\t\t\t\t\t\t\t\t\tif (leftValue < minLeft) {\r\n\t\t\t\t\t\t\t\t\t\tleftValue = minLeft;\r\n\t\t\t\t\t\t\t\t\t} else if (leftValue > maxLeft) {\r\n\t\t\t\t\t\t\t\t\t\tleftValue = maxLeft;\r\n\t\t\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t\t\tlet widthValue = (leftValue + dragWidth \/ 2 - containerOffset) * 100 \/ containerWidth + \"%\";\r\n\r\n\t\t\t\t\t\t\t\t\t$(\".draggable\").css(\"left\", widthValue).on(\"mouseup touchend touchcancel\", function() {\r\n\t\t\t\t\t\t\t\t\t\t$(this).removeClass(\"draggable\");\r\n\t\t\t\t\t\t\t\t\t\tresizeElement.removeClass(\"resizable\");\r\n\t\t\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t$(\".resizable\").css(\"width\", widthValue);\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t}).on(\"mouseup touchend touchcancel\", function() {\r\n\t\t\t\t\t\t\t\t\tdragElement.removeClass(\"draggable\");\r\n\t\t\t\t\t\t\t\t\tresizeElement.removeClass(\"resizable\");\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t}).on(\"mouseup touchend touchcancel\", function(e) {\r\n\t\t\t\t\t\t\t\tdragElement.removeClass(\"draggable\");\r\n\t\t\t\t\t\t\t\tresizeElement.removeClass(\"resizable\");\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n    \t\t\tafterBefore();\r\n\r\n\t\t\t})(jQuery);\r\n\t\t<\/script>\r\n\t\t\r\n\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-40ab339 e-con-full e-flex e-con e-child\" data-id=\"40ab339\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-46c3bbd elementor-widget elementor-widget-rt-after-befor-image\" data-id=\"46c3bbd\" data-element_type=\"widget\" data-widget_type=\"rt-after-befor-image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\r\n\t\t\r\n\t <!-- rs after-beforearea start -->\r\n\t <div class=\"rts-after-before-area-start style-style1\">\r\n        <div class=\"container-full\">\r\n            <div class=\"row\">\r\n                <div class=\"col-lg-12\">\r\n                    <div class=\"after-before-main-wrapper-one\">\r\n                        <div class=\"inner\">\r\n                            <div class=\"comparison-slider-wrapper\">\r\n                                <div class=\"comparison-slider\">\r\n                                    <div class=\"overlay\">Before<\/div>\r\n                                    <img decoding=\"async\" src=\"https:\/\/themewant.com\/products\/wordpress\/innovat\/wp-content\/uploads\/2023\/12\/06.jpg\" alt=\"marioPhoto 2\">\r\n                                    <div class=\"resize\">\r\n                                        <div class=\"overlay\">After<\/div>\r\n                                        <img decoding=\"async\" src=\"https:\/\/themewant.com\/products\/wordpress\/innovat\/wp-content\/uploads\/2023\/12\/05-1.jpg\" alt=\"marioPhoto 1\">\r\n                                    <\/div>\r\n                                    <div class=\"divider\"><\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n    <!-- rs after-beforearea end -->\r\n\r\n\t\t<script>\r\n\t\t\t(function ($) {\r\n\r\n\t\t\t\tfunction afterBefore(){\r\n\t\t\t\t\t$(document).ready(function() {\r\n\t\t\r\n\t\t\t\t\t\tif ($(\".comparison-slider\")[0]) {\r\n\t\t\t\t\t\t\tlet compSlider = $(\".comparison-slider\");\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\tcompSlider.each(function() {\r\n\t\t\t\t\t\t\t\tlet compSliderWidth = $(this).width() + \"px\";\r\n\t\t\t\t\t\t\t\t$(this).find(\".resize img\").css({ width: compSliderWidth });\r\n\t\t\t\t\t\t\t\tdrags($(this).find(\".divider\"), $(this).find(\".resize\"), $(this));\r\n\t\t\t\t\t\t\t});\r\n\r\n\t\t\t\t\t\t\t$(window).on(\"resize\", function() {\r\n\t\t\t\t\t\t\t\tlet compSliderWidth = compSlider.width() + \"px\";\r\n\t\t\t\t\t\t\t\tcompSlider.find(\".resize img\").css({ width: compSliderWidth });\r\n\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t});\r\n\t\t\t\t\tfunction drags(dragElement, resizeElement, container) {\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\tlet touched = false;\r\n\t\t\t\t\t\twindow.addEventListener('touchstart', function() {\r\n\t\t\t\t\t\t\ttouched = true;\r\n\t\t\t\t\t\t});\r\n\t\t\t\t\t\twindow.addEventListener('touchend', function() {\r\n\t\t\t\t\t\t\ttouched = false;\r\n\t\t\t\t\t\t});\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\tdragElement.on(\"mousedown touchstart\", function(e) {\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\tdragElement.addClass(\"draggable\");\r\n\t\t\t\t\t\t\t\tresizeElement.addClass(\"resizable\");\r\n\t\t\t\t\t\t\t\t\/\/create vars\r\n\t\t\t\t\t\t\t\tlet startX = e.pageX ? e.pageX : e.originalEvent.touches[0].pageX;\r\n\t\t\t\t\t\t\t\tlet dragWidth = dragElement.outerWidth();\r\n\t\t\t\t\t\t\t\tlet posX = dragElement.offset().left + dragWidth - startX;\r\n\t\t\t\t\t\t\t\tlet containerOffset = container.offset().left;\r\n\t\t\t\t\t\t\t\tlet containerWidth = container.outerWidth();\r\n\t\t\t\t\t\t\t\tlet minLeft = containerOffset + 10;\r\n\t\t\t\t\t\t\t\tlet maxLeft = containerOffset + containerWidth - dragWidth - 10;\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\tdragElement.parents().on(\"mousemove touchmove\", function(e) {\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\tif ( touched === false ) {\r\n\t\t\t\t\t\t\t\t\t\te.preventDefault();\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\tlet moveX = e.pageX ? e.pageX : e.originalEvent.touches[0].pageX;\r\n\t\t\t\t\t\t\t\t\tlet leftValue = moveX + posX - dragWidth;\r\n\r\n\t\t\t\t\t\t\t\t\tif (leftValue < minLeft) {\r\n\t\t\t\t\t\t\t\t\t\tleftValue = minLeft;\r\n\t\t\t\t\t\t\t\t\t} else if (leftValue > maxLeft) {\r\n\t\t\t\t\t\t\t\t\t\tleftValue = maxLeft;\r\n\t\t\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t\t\tlet widthValue = (leftValue + dragWidth \/ 2 - containerOffset) * 100 \/ containerWidth + \"%\";\r\n\r\n\t\t\t\t\t\t\t\t\t$(\".draggable\").css(\"left\", widthValue).on(\"mouseup touchend touchcancel\", function() {\r\n\t\t\t\t\t\t\t\t\t\t$(this).removeClass(\"draggable\");\r\n\t\t\t\t\t\t\t\t\t\tresizeElement.removeClass(\"resizable\");\r\n\t\t\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t$(\".resizable\").css(\"width\", widthValue);\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t}).on(\"mouseup touchend touchcancel\", function() {\r\n\t\t\t\t\t\t\t\t\tdragElement.removeClass(\"draggable\");\r\n\t\t\t\t\t\t\t\t\tresizeElement.removeClass(\"resizable\");\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t}).on(\"mouseup touchend touchcancel\", function(e) {\r\n\t\t\t\t\t\t\t\tdragElement.removeClass(\"draggable\");\r\n\t\t\t\t\t\t\t\tresizeElement.removeClass(\"resizable\");\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n    \t\t\tafterBefore();\r\n\r\n\t\t\t})(jQuery);\r\n\t\t<\/script>\r\n\t\t\r\n\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-64ed505 e-flex e-con-boxed e-con e-parent\" data-id=\"64ed505\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-855d1fa elementor-widget__width-initial elementor-widget-tablet_extra__width-inherit elementor-widget elementor-widget-react-heading\" data-id=\"855d1fa\" data-element_type=\"widget\" data-widget_type=\"react-heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\r\n\t\t<div class=\"react-heading  style9\">\r\n\t\t\t<div class=\"title-inner no\">\r\n\t\t\t\t<div class=\"image-heading\"><div class=\"title-img top\"> <img decoding=\"async\" src=\"https:\/\/themewant.com\/products\/wordpress\/innovat\/wp-content\/uploads\/2023\/11\/02.png\" alt=\"title-image\" \/><\/div><div class=\"skew-up \"><span class=\"sub-text word-line\">Work with us<\/span><\/div><\/div><div class=\"skew-up \"><h2 class=\"title word-line\">Have a Project in mind? <br>Do not hesitate to say hello.<\/h2><\/div>\r\n\r\n\t\t\t<\/div>\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t<\/div>\r\n\t\t<script>\r\n\t\t\tjQuery(document).ready(function(){\r\n\t\t\tlet addAnimation = function () {\r\n\t\t\tjQuery(\".skew-up\").each(function (index) {\r\n\t\t\t\tconst text = new SplitType(jQuery(this), {\r\n\t\t\t\ttypes: \"lines, words\",\r\n\t\t\t\tlineClass: \"word-line\"\r\n\t\t\t\t});    let textInstance = jQuery(this);\r\n\t\t\t\tlet line = textInstance.find(\".word-line\");\r\n\t\t\t\tlet word = line.find(\".word\");    let tl = gsap.timeline({\r\n\t\t\t\tscrollTrigger: {\r\n\t\t\t\t\ttrigger: textInstance,\r\n\t\t\t\t\tstart: \"top 85%\",\r\n\t\t\t\t\tend: \"top 100%\",\r\n\t\t\t\t\tonComplete: function () {\r\n\t\t\t\t\tjQuery(textInstance).removeClass(\"skew-up\");\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t\t});    tl.set(textInstance, { opacity: 1 }).from(word, {\r\n\t\t\t\ty: \"100%\",\r\n\t\t\t\tskewX: \"-5\",\r\n\t\t\t\tduration: 2,\r\n\t\t\t\tstagger: 0.03,\r\n\t\t\t\tease: \"expo.out\"\r\n\t\t\t\t});\r\n\t\t\t});\r\n\t\t\t};\r\n\t\t\taddAnimation();window.addEventListener(\"resize\", function (event) {\r\n\t\t\t\tif (jQuery(window).width() >= 992) {addAnimation(); }\r\n\t\t\t});\t\r\n\r\n\t\t});   \r\n\t\t<\/script>\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e103660 elementor-widget elementor-widget-rts-btn\" data-id=\"e103660\" data-element_type=\"widget\" data-widget_type=\"rts-btn.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\r\n\t\t\r\n\t\t<div class=\"rts-btn-wrapper\">\r\n\t\t\t\t\t\t<a class=\"rts-btn secondary_btn\" href=\"#\" >\t\t\t\t\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t<span class=\"btn_text\">Let\u2019s Build<\/span>\r\n\t\t\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"rt rt-arrow-right\"><\/i>\t\t\t\t\r\n\t\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t<\/div>    \r\n\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>After Before After Before After Before Work with us Have a Project in mind? Do not hesitate to say hello. Let\u2019s Build<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"_links":{"self":[{"href":"https:\/\/themewant.com\/products\/wordpress\/innovat\/wp-json\/wp\/v2\/pages\/4591"}],"collection":[{"href":"https:\/\/themewant.com\/products\/wordpress\/innovat\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/themewant.com\/products\/wordpress\/innovat\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/themewant.com\/products\/wordpress\/innovat\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewant.com\/products\/wordpress\/innovat\/wp-json\/wp\/v2\/comments?post=4591"}],"version-history":[{"count":0,"href":"https:\/\/themewant.com\/products\/wordpress\/innovat\/wp-json\/wp\/v2\/pages\/4591\/revisions"}],"wp:attachment":[{"href":"https:\/\/themewant.com\/products\/wordpress\/innovat\/wp-json\/wp\/v2\/media?parent=4591"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}