{"id":175212,"date":"2024-10-28T15:31:23","date_gmt":"2024-10-28T10:01:23","guid":{"rendered":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/?page_id=175212"},"modified":"2025-03-11T10:57:10","modified_gmt":"2025-03-11T05:27:10","slug":"elementor-horizontal-scroll-with-background-image-change-demo","status":"publish","type":"page","link":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/elementor-horizontal-scroll-with-background-image-change-demo\/","title":{"rendered":"Elementor Horizontal Scroll with Background Image Change Demo"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"175212\" class=\"elementor elementor-175212\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1ed18f6 e-con-full e-flex e-con e-parent\" data-id=\"1ed18f6\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;tpcp__live&quot;:&quot;yes&quot;,&quot;plus_gsap_animation_type&quot;:&quot;none&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2ce4bb4 elementor-widget elementor-widget-tp-page-scroll\" data-id=\"2ce4bb4\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;plus_gsap_animation_type&quot;:&quot;none&quot;}\" data-widget_type=\"tp-page-scroll.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"ps69e117d311266\" class=\"tp-page-scroll-wrapper ps69e117d311266 tp_horizontal_scroll  \" data-id=\"ps69e117d311266\" data-option=\"tp_horizontal_scroll\"  data-show_paginate=\"off\" data-show_footer=\"no\">\t\t\t\t<div class=\"tp_hscroll_footer\" style=\"height:  \"><\/div>\n\t\t\t\t<div class=\"tp_hscroll_full_background tp_hscroll_scrollable tp_hscroll_root\" style=\"z-index: 0\"><\/div>\n\t\t\t\n\t\t\t\t<div class='tp_hscroll_scrollable tp_hscroll_root'>\n\t\t\t\t\t<div id=\"tp_hscroll_slide_0\" class=\"tp_hscroll_slide tp_hscroll_slide_first elementor-repeater-item-1c43030\" data-slide-width=\"100vw\" style=\"width: 100vw;margin-bottom:0;\" >\t\t<div data-elementor-type=\"container\" data-elementor-id=\"175217\" class=\"elementor elementor-175217\">\n\t\t\t\t<div class=\"elementor-element elementor-element-432a911 e-flex e-con-boxed e-con e-parent\" data-id=\"432a911\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;plus_gsap_animation_type&quot;:&quot;none&quot;,&quot;tpcp__live&quot;:&quot;no&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5a83761 text-left elementor-widget elementor-widget-tp-heading-title\" data-id=\"5a83761\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;plus_gsap_animation_type&quot;:&quot;none&quot;}\" data-widget_type=\"tp-heading-title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"heading heading_style heading_style69e117d313347 style-1 \"  data-tp-gsap-heading-text=\"\" data-tp-gsap-sub-heading-text=\"\"><div class=\"sub-style \"  ><div class=\"head-title \" > <h2  class=\"heading-title   \"   data-hover=\"SPIDERMAN\">SPIDERMAN<span class=\"title-s \">  <\/span><\/h2><\/div><div class=\"sub-heading\"><p class=\"heading-sub-title  \"> In the shadowed heart of Gotham, Batman stands vigilant as the Bat-Signal blazes, summoning him to action against a breakout at Arkham Asylum. With his armored suit and sleek Batmobile, he navigates the city's labyrinthine streets, always steps ahead of his foes. Amidst the chaos, he remains a beacon of hope and fear. <\/p><\/div><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<\/div><div id=\"tp_hscroll_slide_1\" class=\"tp_hscroll_slide tp_hscroll_slide_1 elementor-repeater-item-862dbf3\" data-slide-width=\"100vw\" style=\"width: 100vw;margin-bottom:0;\" >\t\t<div data-elementor-type=\"container\" data-elementor-id=\"175220\" class=\"elementor elementor-175220\">\n\t\t\t\t<div class=\"elementor-element elementor-element-71165c9 e-flex e-con-boxed e-con e-parent\" data-id=\"71165c9\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;plus_gsap_animation_type&quot;:&quot;none&quot;,&quot;tpcp__live&quot;:&quot;no&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6524bdd text-left elementor-widget elementor-widget-tp-heading-title\" data-id=\"6524bdd\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;plus_gsap_animation_type&quot;:&quot;none&quot;}\" data-widget_type=\"tp-heading-title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"heading heading_style heading_style69e117d314023 style-1 \"  data-tp-gsap-heading-text=\"\" data-tp-gsap-sub-heading-text=\"\"><div class=\"sub-style \"  ><div class=\"head-title \" > <h2  class=\"heading-title   \"   data-hover=\"LOKIE\">LOKIE<span class=\"title-s \">  <\/span><\/h2><\/div><div class=\"sub-heading\"><p class=\"heading-sub-title  \"> In the shadowed heart of Gotham, Batman stands vigilant as the Bat-Signal blazes, summoning him to action against a breakout at Arkham Asylum. With his armored suit and sleek Batmobile, he navigates the city's labyrinthine streets, always steps ahead of his foes. Amidst the chaos, he remains a beacon of hope and fear. <\/p><\/div><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<\/div><div id=\"tp_hscroll_slide_2\" class=\"tp_hscroll_slide tp_hscroll_slide_2 elementor-repeater-item-663a57f\" data-slide-width=\"100vw\" style=\"width: 100vw;margin-bottom:0;\" >\t\t<div data-elementor-type=\"container\" data-elementor-id=\"175227\" class=\"elementor elementor-175227\">\n\t\t\t\t<div class=\"elementor-element elementor-element-587daf2 e-flex e-con-boxed e-con e-parent\" data-id=\"587daf2\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;plus_gsap_animation_type&quot;:&quot;none&quot;,&quot;tpcp__live&quot;:&quot;no&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3d74aee text-left elementor-widget elementor-widget-tp-heading-title\" data-id=\"3d74aee\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;plus_gsap_animation_type&quot;:&quot;none&quot;}\" data-widget_type=\"tp-heading-title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"heading heading_style heading_style69e117d314c19 style-1 \"  data-tp-gsap-heading-text=\"\" data-tp-gsap-sub-heading-text=\"\"><div class=\"sub-style \"  ><div class=\"head-title \" > <h2  class=\"heading-title   \"   data-hover=\"DR. STRANGE\">DR. STRANGE<span class=\"title-s \">  <\/span><\/h2><\/div><div class=\"sub-heading\"><p class=\"heading-sub-title  \"> In the shadowed heart of Gotham, Batman stands vigilant as the Bat-Signal blazes, summoning him to action against a breakout at Arkham Asylum. With his armored suit and sleek Batmobile, he navigates the city's labyrinthine streets, always steps ahead of his foes. Amidst the chaos, he remains a beacon of hope and fear. <\/p><\/div><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<\/div><div id=\"tp_hscroll_slide_3\" class=\"tp_hscroll_slide tp_hscroll_slide_3 elementor-repeater-item-917c357\" data-slide-width=\"100vw\" style=\"width: 100vw;margin-bottom:0;\" >\t\t<div data-elementor-type=\"container\" data-elementor-id=\"175230\" class=\"elementor elementor-175230\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2b7b5e2 e-flex e-con-boxed e-con e-parent\" data-id=\"2b7b5e2\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;plus_gsap_animation_type&quot;:&quot;none&quot;,&quot;tpcp__live&quot;:&quot;no&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-62a34cc text-left elementor-widget elementor-widget-tp-heading-title\" data-id=\"62a34cc\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;plus_gsap_animation_type&quot;:&quot;none&quot;}\" data-widget_type=\"tp-heading-title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"heading heading_style heading_style69e117d315d98 style-1 \"  data-tp-gsap-heading-text=\"\" data-tp-gsap-sub-heading-text=\"\"><div class=\"sub-style \"  ><div class=\"head-title \" > <h2  class=\"heading-title   \"   data-hover=\"THOR\">THOR<span class=\"title-s \">  <\/span><\/h2><\/div><div class=\"sub-heading\"><p class=\"heading-sub-title  \"> In the shadowed heart of Gotham, Batman stands vigilant as the Bat-Signal blazes, summoning him to action against a breakout at Arkham Asylum. With his armored suit and sleek Batmobile, he navigates the city's labyrinthine streets, always steps ahead of his foes. Amidst the chaos, he remains a beacon of hope and fear. <\/p><\/div><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<\/div><div id=\"tp_hscroll_slide_4\" class=\"tp_hscroll_slide tp_hscroll_slide_last elementor-repeater-item-599e6f1\" data-slide-width=\"100vw\" style=\"width: 100vw;margin-bottom:0;\" >\t\t<div data-elementor-type=\"container\" data-elementor-id=\"175233\" class=\"elementor elementor-175233\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8ab6a55 e-flex e-con-boxed e-con e-parent\" data-id=\"8ab6a55\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;plus_gsap_animation_type&quot;:&quot;none&quot;,&quot;tpcp__live&quot;:&quot;no&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d162b3c text-left elementor-widget elementor-widget-tp-heading-title\" data-id=\"d162b3c\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;plus_gsap_animation_type&quot;:&quot;none&quot;}\" data-widget_type=\"tp-heading-title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"heading heading_style heading_style69e117d316a2c style-1 \"  data-tp-gsap-heading-text=\"\" data-tp-gsap-sub-heading-text=\"\"><div class=\"sub-style \"  ><div class=\"head-title \" > <h2  class=\"heading-title   \"   data-hover=\"THANOS\">THANOS<span class=\"title-s \">  <\/span><\/h2><\/div><div class=\"sub-heading\"><p class=\"heading-sub-title  \"> In the shadowed heart of Gotham, Batman stands vigilant as the Bat-Signal blazes, summoning him to action against a breakout at Arkham Asylum. With his armored suit and sleek Batmobile, he navigates the city's labyrinthine streets, always steps ahead of his foes. Amidst the chaos, he remains a beacon of hope and fear. <\/p><\/div><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<\/div><style>.tp_hscroll_root{width: calc(100vw + 0px + 100vw + 0px + 100vw + 0px + 100vw + 0px + 100vw + 0px);}\n\t\t\t\t.tp_hscroll_footer {\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\tbackground: transparent;\n\t\t\t\t\tborder: 0;\n\t\t\t\t\ttop: 0;\n\t\t\t\t\tz-index: 0;\n\t\t\t\t\tposition: absolute;\n\t\t\t\t}\n\t\t\t\t<\/style><script type=\"text\/javascript\">\n\t\t\t\t(function($) {\n\t\t\t\t\t$(document).ready(function() {\n\t\t\t\t\t\tif($(\".tp_hscroll_scrollable\").length){\n\t\t\t\t\t\t\t$(\"body\").addClass(\"tp-horizontal-scroll\");\n\t\t\t\t\t\t\tvar scrollbar = \"1\";\n\t\t\t\t\t\t\tif(scrollbar!=true){\n\t\t\t\t\t\t\t\t$(\"body\").addClass(\"tp-scroll-bar\");\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t\tvar hscroll_elem = $.jInvertScroll([\".tp_hscroll_scrollable\"],\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\theight: ($(\".tp_hscroll_root\").width() \/ 0.5),\n\t\t\t\t\t\t\tfooter_height: $(\".tp_hscroll_footer\").height(),\n\t\t\t\t\t\t\tonScroll: function(percent) {\n\t\t\t\t\t\t\t\tvar pageWrapper = $(\".plus-scroll-sections-bg\");\n\t\t\t\t\t\t\t\tif(pageWrapper.length){\n\t\t\t\t\t\t\t\t\tvar parent_id=pageWrapper.parent().data(\"elementor-id\");\n\t\t\t\t\t\t\t\t\tvar  windowidth = $(window).width();\n\t\t\t\t\t\t\t\t\tvar arry_index = [];\n\t\t\t\t\t\t\t\t\tif($(\".elementor .elementor-inner\").length){\n\t\t\t\t\t\t\t\t\t\tvar abc = \".elementor-\"+parent_id+\"> .elementor-inner > .elementor-section-wrap > .elementor-element .tp_horizontal_scroll .tp_hscroll_slide, .elementor-\"+parent_id+\" .tp_horizontal_scroll .tp_hscroll_slide\";\n\t\t\t\t\t\t\t\t\t}else{\n\t\t\t\t\t\t\t\t\t\tvar abc = \".elementor-\"+parent_id+\"> .elementor-inner > .elementor-section-wrap > .elementor-element .tp_horizontal_scroll .tp_hscroll_slide, .elementor-\"+parent_id+\" .tp_horizontal_scroll .tp_hscroll_slide\";\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t$(abc).each(function(){\n\t\t\t\t\t\t\t\t\t\tvar el = $(this);\n\t\t\t\t\t\t\t\t\t\tvar el_begin = el.offset().left;\n\t\t\t\t\t\t\t\t\t\tvar el_end = el.outerWidth();\n\t\t\t\t\t\t\t\t\t\tvar animationEndpos = el_begin + el_end - windowidth;\n\t\t\t\t\t\t\t\t\t\tarry_index[el.index()] = animationEndpos;\n\t\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tif($(\"body\").hasClass(\"rtl\")){\n\t\t\t\t\t\t\t\t\t\tarry_index=arry_index.reverse();\n\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t$.each( arry_index, function( key, value ) {\n\t\t\t\t\t\t\t\t\t\tif( 0<=(value+300)){\n\t\t\t\t\t\t\t\t\t\t\tif($(\".elementor .elementor-inner\").length){\n\t\t\t\t\t\t\t\t\t\t\t\tvar index = $(\".elementor-\"+parent_id+\"> .elementor-inner > .elementor-section-wrap > .elementor-element .tp_horizontal_scroll .tp_hscroll_slide.active-sec:nth-child(\"+(key+1)+\"), .elementor-\"+parent_id+\" .tp_horizontal_scroll .tp_hscroll_slideactive-sec:nth-child(\"+(key+1)+\")\");\n\t\t\t\t\t\t\t\t\t\t\t}else{\n\t\t\t\t\t\t\t\t\t\t\t\tvar index = $(\".elementor-\"+parent_id+\"> .elementor-section-wrap > .elementor-element .tp_horizontal_scroll .tp_hscroll_slide.active-sec:nth-child(\"+(key+1)+\"), .elementor-\"+parent_id+\" .tp_horizontal_scroll .tp_hscroll_slideactive-sec:nth-child(\"+(key+1)+\")\");\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\tindex = index.index();\n\t\t\t\t\t\t\t\t\t\t\tif( index != key ){\n\t\t\t\t\t\t\t\t\t\t\t\tif($(\".elementor .elementor-inner\").length){\n\t\t\t\t\t\t\t\t\t\t\t\t\t$(\".elementor-\"+parent_id+\"> .elementor-inner > .elementor-section-wrap > .elementor-element .tp_horizontal_scroll .tp_hscroll_slide, .elementor-\"+parent_id+\" .tp_horizontal_scroll .tp_hscroll_slide\").removeClass(\"active-sec\");\n\t\t\t\t\t\t\t\t\t\t\t\t\t$(\".elementor-\"+parent_id+\"> .elementor-inner > .elementor-section-wrap > .elementor-element .tp_horizontal_scroll .tp_hscroll_slide, .elementor-\"+parent_id+\" .tp_horizontal_scroll .tp_hscroll_slide\").eq(key).addClass(\"active-sec\");\n\t\t\t\t\t\t\t\t\t\t\t\t}else{\n\t\t\t\t\t\t\t\t\t\t\t\t\t$(\".elementor-\"+parent_id+\"> .elementor-section-wrap > .elementor-element .tp_horizontal_scroll  .tp_hscroll_slide, .elementor-\"+parent_id+\" .tp_horizontal_scroll .tp_hscroll_slide\").removeClass(\"active-sec\");\n\t\t\t\t\t\t\t\t\t\t\t\t\t$(\".elementor-\"+parent_id+\"> .elementor-section-wrap > .elementor-element .tp_horizontal_scroll  .tp_hscroll_slide, .elementor-\"+parent_id+\" .tp_horizontal_scroll .tp_hscroll_slide\").eq(key).addClass(\"active-sec\");\n\t\t\t\t\t\t\t\t\t\t\t\t}\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\tpageWrapper.find(\".plus-section-bg-scrolling\").removeClass(\"active_sec\");\n\t\t\t\t\t\t\t\t\t\t\t\tpageWrapper.find(\".plus-section-bg-scrolling:nth-child(\"+(key+1)+\")\").addClass(\"active_sec\");\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\treturn false;\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t});\n\t\t\t\t\t\tvar draggable = \"\";\n\t\t\t\t\t\tif(draggable!=undefined && draggable==\"1\"){\n\t\t\t\t\t\t\tvar mouseclicked = false, clickX;\n\t\t\t\t\t\t\t$(document).on({\n\t\t\t\t\t\t\t\t\"mousemove\": function(e) {\n\t\t\t\t\t\t\t\t\tmouseclicked && dragHscrollPos(e);\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\"touchmove\": function(e) {\n\t\t\t\t\t\t\t\t\tmouseclicked && dragHscrollPos(e);\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\"mousedown\": function(e) {\n\t\t\t\t\t\t\t\t\tmouseclicked = true;\n\t\t\t\t\t\t\t\t\tclickX = e.pageX;\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\"touchstart\": function(e) {\n\t\t\t\t\t\t\t\t\tvar touch = e.originalEvent.touches[0] || e.originalEvent.changedTouches[0];\n\t\t\t\t\t\t\t\t\tmouseclicked = true;\n\t\t\t\t\t\t\t\t\tclickX = touch.pageX;\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\"touchend\": function(e) {\n\t\t\t\t\t\t\t\t\tvar touch = e.originalEvent.touches[0] || e.originalEvent.changedTouches[0];\n\t\t\t\t\t\t\t\t\tmouseclicked = false;\n\t\t\t\t\t\t\t\t\tclickX = touch.pageX;\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\"mouseup\": function() {\n\t\t\t\t\t\t\t\t\tmouseclicked = false;\n\t\t\t\t\t\t\t\t\t$(\"html\").css(\"cursor\", \"auto\");\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\tvar dragHscrollPos = function(e) {\n\t\t\t\t\t\t\t\t$(\"html\").css(\"cursor\", \"grabbing\");\n\t\t\t\t\t\t\t\tvar curr = (e.pageX!=undefined) ? e.pageX : e.originalEvent.touches[0].pageX;\n\t\t\t\t\t\t\t\t$(window).scrollTop($(window).scrollTop() + ((clickX - curr)\/30));\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t$(\"head\").append(\"<style>body{-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}<\/style>\");\n\t\t\t\t\t\t}\n\t\t\t\t\t\tvar hscroll_Animation = function(e){\n\t\t\t\t\t\t\tlet window_height = $(window).height();\n\t\t\t\t\t\t\tlet window_width = window.innerWidth\n\t\t\t\t\t\t\t\t|| document.documentElement.clientWidth\n\t\t\t\t\t\t\t\t|| document.body.clientWidth;\n\t\t\t\t\t\t\tlet sec_id = $(this);\n\t\t\t\t\t\t\tlet hscroll_section_id = {\n\t\t\t\t\t\t\t\t'#Slide-1': 'tp_hscroll_slide_0', '#Slide-2': 'tp_hscroll_slide_1', '#Slide-3': 'tp_hscroll_slide_2', '#Slide-4': 'tp_hscroll_slide_3', '#Slide-5': 'tp_hscroll_slide_4', \n\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\tif (!$(sec_id.attr(\"href\")).selector in hscroll_section_id){\n\t\t\t\t\t\t\t\treturn true;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\/\/let checkID = hscroll_section_id[$(sec_id.attr(\"href\")).selector];\n\t\t\t\t\t\t\tlet checkID = hscroll_section_id[$(this).attr(\"href\")];\n\t\t\t\t\t\t\tlet hscroll_width = $(\".tp_hscroll_root\").width();\n\t\t\t\t\t\t\tlet check_width = hscroll_width - window_width;\n\t\t\t\t\t\t\tif (check_width < 0) {\n\t\t\t\t\t\t\t\tcheck_width = 0;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tif($(\"#\"+checkID).length){\n\t\t\t\t\t\t\t\tvar hscroll_calc = (hscroll_width \/ 0.5) - $(\".tp_hscroll_footer\").height() - window_height;\n\t\t\t\t\t\t\t\t$(\"html, body\").stop().animate({\n\t\t\t\t\t\t\t\t\tscrollTop: ($(\"#\"+checkID).position().left * hscroll_calc)\/check_width,\n\t\t\t\t\t\t\t\t}, 7000);\n\t\t\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\treturn false;\n\t\t\t\t\t\t};\n\t\t\t\t\t\tvar closeAnimation = function(e) {\n\t\t\t\t\t\t\treturn true;\n\t\t\t\t\t\t};\n\t\t\t\t\t\tvar hscroll_checkresponsive = function(){\n\t\t\t\t\t\t\t\thscroll_elem.reinitialize();\n\t\t\t\t\t\t\t\t$(\"a[href*='#']\").off(\"click\", closeAnimation);\n\t\t\t\t\t\t\t\t$(\"a[href*='#']\").on(\"click\", hscroll_Animation);\n\t\t\t\t\t\t}\n\t\t\t\t\t\thscroll_checkresponsive();\n\t\t\t\t\t\t$(window).on(\"resize\",function() {\n\t\t\t\t\t\t\thscroll_checkresponsive();\n\t\t\t\t\t\t});\n\t\t\t\t\t});\n\t\t\t\t}(jQuery));<\/script><div class=\"plus-scroll-sections-bg scroll2ce4bb4\" data-id=\"scroll2ce4bb4\" data-bg-colors=\"[&quot;https:\\\/\\\/etemplates.wdesignkit.com\\\/theplusaddons\\\/wp-content\\\/uploads\\\/sites\\\/55\\\/2024\\\/10\\\/bg-slide-image-one.png&quot;,&quot;https:\\\/\\\/etemplates.wdesignkit.com\\\/theplusaddons\\\/wp-content\\\/uploads\\\/sites\\\/55\\\/2024\\\/10\\\/bg-slide-image-two.png&quot;,&quot;https:\\\/\\\/etemplates.wdesignkit.com\\\/theplusaddons\\\/wp-content\\\/uploads\\\/sites\\\/55\\\/2024\\\/10\\\/bg-slide-image-three.png&quot;,&quot;https:\\\/\\\/etemplates.wdesignkit.com\\\/theplusaddons\\\/wp-content\\\/uploads\\\/sites\\\/55\\\/2024\\\/10\\\/bg-slide-image-four.png&quot;,&quot;https:\\\/\\\/etemplates.wdesignkit.com\\\/theplusaddons\\\/wp-content\\\/uploads\\\/sites\\\/55\\\/2024\\\/10\\\/bg-slide-image-five.png&quot;]\" data-position=\"inherit\" style=\"transition-duration:0.5s;\"><div class=\"elementor-repeater-item-1c43030 plus-section-bg-scrolling  active_sec\" style=\"background:url(https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2024\/10\/bg-slide-image-one.png);transition-duration:0.5s;\"><\/div><div class=\"elementor-repeater-item-862dbf3 plus-section-bg-scrolling  \" style=\"background:url(https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2024\/10\/bg-slide-image-two.png);transition-duration:0.5s;\"><\/div><div class=\"elementor-repeater-item-663a57f plus-section-bg-scrolling  \" style=\"background:url(https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2024\/10\/bg-slide-image-three.png);transition-duration:0.5s;\"><\/div><div class=\"elementor-repeater-item-917c357 plus-section-bg-scrolling  \" style=\"background:url(https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2024\/10\/bg-slide-image-four.png);transition-duration:0.5s;\"><\/div><div class=\"elementor-repeater-item-599e6f1 plus-section-bg-scrolling  \" style=\"background:url(https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2024\/10\/bg-slide-image-five.png);transition-duration:0.5s;\"><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>.elementor-175217 .elementor-element.elementor-element-432a911{&#8211;display:flex;&#8211;min-height:100vh;&#8211;justify-content:flex-end;&#8211;align-items:flex-start;&#8211;container-widget-width:calc( ( 1 &#8211; var( &#8211;container-widget-flex-grow ) ) * 100% );&#8211;gap:0px 0px;&#8211;row-gap:0px;&#8211;column-gap:0px;&#8211;padding-top:100px;&#8211;padding-bottom:100px;&#8211;padding-left:0px;&#8211;padding-right:0px;}.elementor-175217 .elementor-element.elementor-element-5a83761 .heading .heading-title{font-family:&#8221;Tilt Warp&#8221;, Sans-serif;font-size:120px;font-weight:800;line-height:120px;color:#FFFFFF;}.elementor-175217 .elementor-element.elementor-element-5a83761 .heading_style .head-title .heading-title{padding:0px 0px 0px 0px;}.elementor-175217 .elementor-element.elementor-element-5a83761 .heading .heading-sub-title{font-family:&#8221;Tilt Warp&#8221;, Sans-serif;font-size:16px;font-weight:300;line-height:24px;color:#FFFFFFB2;}.elementor-175217 .elementor-element.elementor-element-5a83761 .heading_style .heading-sub-title{padding:33px 0px 0px 0px;}@media(max-width:1024px){.elementor-175217 .elementor-element.elementor-element-432a911{&#8211;min-height:100vh;&#8211;padding-top:50px;&#8211;padding-bottom:50px;&#8211;padding-left:15px;&#8211;padding-right:15px;}.elementor-175217 .elementor-element.elementor-element-5a83761 .heading .heading-title{font-size:80px;line-height:80px;}.elementor-175217 .elementor-element.elementor-element-5a83761 .heading .heading-sub-title{font-size:15px;line-height:22px;}.elementor-175217 .elementor-element.elementor-element-5a83761 .heading_style .heading-sub-title{padding:24px 0px 0px 0px;}}@media(max-width:767px){.elementor-175217 .elementor-element.elementor-element-5a83761 .heading .heading-title{font-size:50px;line-height:50px;}.elementor-175217 .elementor-element.elementor-element-5a83761 .heading .heading-sub-title{font-size:14px;line-height:20px;}.elementor-175217 [&hellip;]<\/p>\n","protected":false},"author":61,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-175212","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/pages\/175212","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/users\/61"}],"replies":[{"embeddable":true,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/comments?post=175212"}],"version-history":[{"count":0,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/pages\/175212\/revisions"}],"wp:attachment":[{"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/media?parent=175212"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}