{"id":719,"date":"2026-05-27T10:33:28","date_gmt":"2026-05-27T10:33:28","guid":{"rendered":"https:\/\/codex-themes.com\/thegem\/scroll-color-transitions\/?page_id=719"},"modified":"2026-05-27T11:44:28","modified_gmt":"2026-05-27T11:44:28","slug":"home","status":"publish","type":"page","link":"https:\/\/codex-themes.com\/thegem\/scroll-color-transitions\/","title":{"rendered":"Homepage"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"719\" class=\"elementor elementor-719\">\n\t\t\t\t<div data-thegem-scroll-bg=\"1\" data-thegem-scroll-bg-color=\"#24262D\" data-thegem-scroll-bg-text=\"#FFFFFF\" data-thegem-scroll-bg-effect=\"fade\" data-thegem-scroll-bg-duration=\"800\" class=\"thegem-scroll-bg-hero elementor-element elementor-element-a81508f hero thegem-e-con-layout-thegem e-flex e-con-boxed e-con e-parent\" data-id=\"a81508f\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;thegem_scroll_bg_active&quot;:&quot;yes&quot;,&quot;thegem_scroll_bg_color&quot;:&quot;#24262D&quot;,&quot;thegem_scroll_bg_text&quot;:&quot;#FFFFFF&quot;,&quot;thegem_scroll_bg_hero&quot;:&quot;yes&quot;,&quot;thegem_scroll_bg_duration&quot;:800,&quot;thegem_container_layout&quot;:&quot;thegem&quot;,&quot;thegem_scroll_bg_effect&quot;:&quot;fade&quot;}\">\r\n\t\t\t\t\t<div class=\"e-con-inner\">\r\n\t\t\t\t<div class=\"elementor-element elementor-element-4a2d911 gradient-title flex-horizontal-align-default flex-horizontal-align-tablet-default flex-horizontal-align-mobile-default flex-vertical-align-default flex-vertical-align-tablet-default flex-vertical-align-mobile-default elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"4a2d911\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-text-editor elementor-clearfix\">\r\n\t\t\t\t\t\t<h1 class=\"title-xlarge\" style=\"text-align: center;\">Scroll Color<br \/>Transitions<\/h1>\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c61e2f5 elementor-widget__width-initial flex-horizontal-align-default flex-horizontal-align-tablet-default flex-horizontal-align-mobile-default flex-vertical-align-default flex-vertical-align-tablet-default flex-vertical-align-mobile-default elementor-invisible elementor-widget elementor-widget-thegem-animated-heading\" data-id=\"c61e2f5\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:200}\" data-widget_type=\"thegem-animated-heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"thegem-heading thegem-animated-heading title-h3\" id=\"thegem-heading-c61e2f5\"><span class=\"elementor-repeater-item-65f5b04\">Bring your pages to life with smooth, scroll activated color transitions.<\/span> <\/div><style type=\"text\/css\">#thegem-heading-c61e2f5 {margin: 0;}#thegem-heading-c61e2f5 {margin-left: auto; margin-right: auto;}#thegem-heading-c61e2f5 > * {justify-content: center;}<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e9a647e elementor-absolute flex-horizontal-align-default flex-horizontal-align-tablet-default flex-horizontal-align-mobile-default flex-vertical-align-default flex-vertical-align-tablet-default flex-vertical-align-mobile-default elementor-invisible elementor-widget elementor-widget-html\" data-id=\"e9a647e\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;,&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:400}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"scroll-indicator\" id=\"scrollIndicator\">\n    <span><\/span>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-thegem-scroll-bg=\"1\" data-thegem-scroll-bg-color=\"#FFFFFF\" data-thegem-scroll-bg-effect=\"fade\" data-thegem-scroll-bg-duration=\"800\" class=\"elementor-element elementor-element-7280d3f thegem-e-con-layout-thegem e-flex e-con-boxed e-con e-parent\" data-id=\"7280d3f\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;thegem_scroll_bg_active&quot;:&quot;yes&quot;,&quot;thegem_scroll_bg_color&quot;:&quot;#FFFFFF&quot;,&quot;thegem_scroll_bg_duration&quot;:800,&quot;thegem_container_layout&quot;:&quot;thegem&quot;,&quot;thegem_scroll_bg_effect&quot;:&quot;fade&quot;}\">\r\n\t\t\t\t\t<div class=\"e-con-inner\">\r\n\t\t\t\t<div class=\"elementor-element elementor-element-2ab0e10 elementor-absolute e-transform elementor-hidden-mobile flex-horizontal-align-default flex-horizontal-align-tablet-default flex-horizontal-align-mobile-default flex-vertical-align-default flex-vertical-align-tablet-default flex-vertical-align-mobile-default elementor-widget elementor-widget-html\" data-id=\"2ab0e10\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;,&quot;_transform_translateX_effect_tablet&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_mobile&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:-100,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_tablet&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_mobile&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_laptop&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_laptop&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"horizontal-scrolling-items\">\n\n<div class=\"horizontal-scrolling-items__item custom-color-font title-h1\">  \n<span>* Contrast Highlights * Better Readability * Lightweight Motion * Modern Look * Engaging Flow&nbsp;<\/span>\n<span>* Contrast Highlights * Better Readability * Lightweight Motion * Modern Look * Engaging Flow&nbsp;<\/span>\n<\/div>\n\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e1d13b7 elementor-hidden-desktop elementor-hidden-laptop elementor-hidden-tablet flex-horizontal-align-default flex-horizontal-align-tablet-default flex-horizontal-align-mobile-default flex-vertical-align-default flex-vertical-align-tablet-default flex-vertical-align-mobile-default elementor-widget elementor-widget-html\" data-id=\"e1d13b7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"horizontal-scrolling-items\">\n\n<div class=\"horizontal-scrolling-items__item custom-color-font title-h1\">  \n<span>* Contrast Highlights * Better Readability * Lightweight Motion * Modern Look * Engaging Flow&nbsp;<\/span>\n<span>* Contrast Highlights * Better Readability * Lightweight Motion * Modern Look * Engaging Flow&nbsp;<\/span>\n<\/div>\n\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8288a61 elementor-absolute e-transform elementor-hidden-mobile flex-horizontal-align-default flex-horizontal-align-tablet-default flex-horizontal-align-mobile-default flex-vertical-align-default flex-vertical-align-tablet-default flex-vertical-align-mobile-default elementor-widget elementor-widget-html\" data-id=\"8288a61\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;,&quot;_transform_translateX_effect_tablet&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_mobile&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:100,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_tablet&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_mobile&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_laptop&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_laptop&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"horizontal-scrolling-items invert\">\n\n<div class=\"horizontal-scrolling-items__item custom-color-font title-h1\">  \n<span>* Better Readability * Engaging Flow * Lightweight Motion * Modern Look * Contrast Highlights&nbsp;<\/span>\n<span>* Better Readability * Engaging Flow * Lightweight Motion * Modern Look * Contrast Highlights&nbsp;<\/span>\n<\/div>\n\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1f79921 elementor-widget__width-initial scroll-video flex-horizontal-align-default flex-horizontal-align-tablet-default flex-horizontal-align-mobile-default flex-vertical-align-default flex-vertical-align-tablet-default flex-vertical-align-mobile-default elementor-widget elementor-widget-video\" data-id=\"1f79921\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;video_type&quot;:&quot;hosted&quot;,&quot;loop&quot;:&quot;yes&quot;,&quot;mute&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t\t\t\t<div class=\"e-hosted-video elementor-wrapper elementor-open-inline\">\n\t\t\t\t\t<video class=\"elementor-video\" src=\"https:\/\/codex-themes.com\/thegem\/scroll-color-transitions\/wp-content\/uploads\/2026\/05\/test_vid.mp4\" loop=\"\" preload=\"metadata\" muted=\"muted\" controlsList=\"nodownload\"><\/video>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-thegem-scroll-bg=\"1\" data-thegem-scroll-bg-color=\"#CBCCFB\" data-thegem-scroll-bg-effect=\"fade\" data-thegem-scroll-bg-duration=\"800\" class=\"elementor-element elementor-element-b3a372c thegem-e-con-layout-thegem e-flex e-con-boxed e-con e-parent\" data-id=\"b3a372c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;thegem_scroll_bg_active&quot;:&quot;yes&quot;,&quot;thegem_scroll_bg_color&quot;:&quot;#CBCCFB&quot;,&quot;thegem_scroll_bg_duration&quot;:800,&quot;thegem_container_layout&quot;:&quot;thegem&quot;,&quot;thegem_scroll_bg_effect&quot;:&quot;fade&quot;}\">\r\n\t\t\t\t\t<div class=\"e-con-inner\">\r\n\t\t<div class=\"elementor-element elementor-element-69575e3 e-con-full thegem-e-con-layout-thegem e-flex e-con e-child\" data-id=\"69575e3\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;thegem_container_layout&quot;:&quot;thegem&quot;}\">\r\n\t\t\t\t<div class=\"elementor-element elementor-element-b8891ed flex-horizontal-align-default flex-horizontal-align-tablet-default flex-horizontal-align-mobile-default flex-vertical-align-default flex-vertical-align-tablet-default flex-vertical-align-mobile-default elementor-widget elementor-widget-thegem-animated-heading\" data-id=\"b8891ed\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"thegem-animated-heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"thegem-heading thegem-animated-heading title-h2 thegem-heading-animate lines-slide-up-random\" id=\"thegem-heading-b8891ed\" data-animation-name=\"lines-slide-up-random\" data-animation-interval=\"160\"><span class=\"elementor-repeater-item-e7a2e36 thegem-heading-word\">Creative<\/span> <span class=\"elementor-repeater-item-e7a2e36 thegem-heading-word\">Agency<\/span><\/h2><style type=\"text\/css\">#thegem-heading-b8891ed {margin: 0;}<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-708e983 elementor-widget__width-initial flex-horizontal-align-default flex-horizontal-align-tablet-default flex-horizontal-align-mobile-default flex-vertical-align-default flex-vertical-align-tablet-default flex-vertical-align-mobile-default elementor-widget elementor-widget-thegem-animated-heading\" data-id=\"708e983\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"thegem-animated-heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"thegem-heading thegem-animated-heading text-body thegem-heading-animate words-slide-right\" id=\"thegem-heading-708e983\"><span class=\"thegem-heading-word-wrap\"><span class=\"elementor-repeater-item-11f43e0 thegem-heading-word\" style=\"animation-delay: 165ms\">A<\/span><\/span> <span class=\"thegem-heading-word-wrap\"><span class=\"elementor-repeater-item-11f43e0 thegem-heading-word\" style=\"animation-delay: 180ms\">vibrant,<\/span><\/span> <span class=\"thegem-heading-word-wrap\"><span class=\"elementor-repeater-item-11f43e0 thegem-heading-word\" style=\"animation-delay: 195ms\">expressive<\/span><\/span> <span class=\"thegem-heading-word-wrap\"><span class=\"elementor-repeater-item-11f43e0 thegem-heading-word\" style=\"animation-delay: 210ms\">page<\/span><\/span> <span class=\"thegem-heading-word-wrap\"><span class=\"elementor-repeater-item-11f43e0 thegem-heading-word\" style=\"animation-delay: 225ms\">where<\/span><\/span> <span class=\"thegem-heading-word-wrap\"><span class=\"elementor-repeater-item-11f43e0 thegem-heading-word\" style=\"animation-delay: 240ms\">soft<\/span><\/span> <span class=\"thegem-heading-word-wrap\"><span class=\"elementor-repeater-item-11f43e0 thegem-heading-word\" style=\"animation-delay: 255ms\">color<\/span><\/span> <span class=\"thegem-heading-word-wrap\"><span class=\"elementor-repeater-item-11f43e0 thegem-heading-word\" style=\"animation-delay: 270ms\">shifts<\/span><\/span> <span class=\"thegem-heading-word-wrap\"><span class=\"elementor-repeater-item-11f43e0 thegem-heading-word\" style=\"animation-delay: 285ms\">create<\/span><\/span> <span class=\"thegem-heading-word-wrap\"><span class=\"elementor-repeater-item-11f43e0 thegem-heading-word\" style=\"animation-delay: 300ms\">a<\/span><\/span> <span class=\"thegem-heading-word-wrap\"><span class=\"elementor-repeater-item-11f43e0 thegem-heading-word\" style=\"animation-delay: 315ms\">smooth,<\/span><\/span> <span class=\"thegem-heading-word-wrap\"><span class=\"elementor-repeater-item-11f43e0 thegem-heading-word\" style=\"animation-delay: 330ms\">storytelling<\/span><\/span> <span class=\"thegem-heading-word-wrap\"><span class=\"elementor-repeater-item-11f43e0 thegem-heading-word\" style=\"animation-delay: 345ms\">driven<\/span><\/span> <span class=\"thegem-heading-word-wrap\"><span class=\"elementor-repeater-item-11f43e0 thegem-heading-word\" style=\"animation-delay: 360ms\">browsing<\/span><\/span> <span class=\"thegem-heading-word-wrap\"><span class=\"elementor-repeater-item-11f43e0 thegem-heading-word\" style=\"animation-delay: 375ms\">experience.<\/span><\/span><\/div><style type=\"text\/css\">#thegem-heading-708e983 {margin: 0;}<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1f06f83 flex-horizontal-align-default flex-horizontal-align-tablet-default flex-horizontal-align-mobile-default flex-vertical-align-default flex-vertical-align-tablet-default flex-vertical-align-mobile-default elementor-widget elementor-widget-thegem-styledbutton\" data-id=\"1f06f83\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;thegem_button_skin&quot;:&quot;outline&quot;,&quot;effects_enabled&quot;:&quot;yes&quot;}\" data-widget_type=\"thegem-styledbutton.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>.elementor-element-1f06f83 .gem-button {opacity:0;animation-delay:300ms !important}<\/style>\n<div class=\"thegem-button-animate thegem-button-animation-slide-up gem-button-container gem-widget-button\">\n\n\t\t<a class=\"gem-button gem-button-size-tiny gem-button-text-weight-bold gem-button-style-outline gem-button-border-2\" href=\"#\" role=\"button\">\n\t\t<span class=\"gem-inner-wrapper-btn\">\n\t\t\t\t\t\t<span class=\"gem-text-button text-body\">\n\t\t\t\tView Demo\t\t\t<\/span>\n\t\t<\/span>\n\t<\/a>\n\n\t\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4f2b8d6 elementor-absolute small-body e-transform animated-slow flex-horizontal-align-default flex-horizontal-align-tablet-default flex-horizontal-align-mobile-default flex-vertical-align-default flex-vertical-align-tablet-default flex-vertical-align-mobile-default elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"4f2b8d6\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;,&quot;_transform_translateX_effect_tablet&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:-50,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_mobile&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_transform_translateX_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_laptop&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_laptop&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-text-editor elementor-clearfix\">\r\n\t\t\t\t\t\t<p>DEMO 1<\/p>\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e899b82 e-con-full elementor-hidden-tablet elementor-hidden-mobile thegem-e-con-layout-thegem e-flex e-con e-child\" data-id=\"e899b82\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;thegem_container_layout&quot;:&quot;thegem&quot;}\">\r\n\t\t\t\t<div data-thegem-interactions=\"{&quot;vertical_scroll&quot;:&quot;yes&quot;,&quot;vertical_scroll_direction&quot;:1,&quot;vertical_scroll_speed&quot;:0.4,&quot;vertical_viewport_bottom&quot;:0,&quot;vertical_viewport_top&quot;:100,&quot;devices&quot;:&quot;&quot;}\" class=\"elementor-element elementor-element-598079b elementor-absolute flex-horizontal-align-default flex-horizontal-align-tablet-default flex-horizontal-align-mobile-default flex-vertical-align-default flex-vertical-align-tablet-default flex-vertical-align-mobile-default elementor-widget elementor-widget-image\" data-id=\"598079b\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;,&quot;thegem_interaction_vertical_scroll&quot;:&quot;yes&quot;,&quot;thegem_interaction_vertical_scroll_speed&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:0.4,&quot;sizes&quot;:[]},&quot;thegem_interaction_vertical_scroll_range&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:{&quot;start&quot;:0,&quot;end&quot;:100}},&quot;thegem_interaction_devices&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;]}\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" width=\"574\" height=\"240\" src=\"https:\/\/codex-themes.com\/thegem\/scroll-color-transitions\/wp-content\/uploads\/2026\/05\/scroll-bg-05.png\" class=\"attachment-full size-full wp-image-16\" alt=\"\" srcset=\"https:\/\/codex-themes.com\/thegem\/scroll-color-transitions\/wp-content\/uploads\/2026\/05\/scroll-bg-05.png 574w, https:\/\/codex-themes.com\/thegem\/scroll-color-transitions\/wp-content\/uploads\/2026\/05\/scroll-bg-05-300x125.png 300w\" sizes=\"(max-width: 574px) 100vw, 574px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div data-thegem-interactions=\"{&quot;vertical_scroll&quot;:&quot;yes&quot;,&quot;vertical_scroll_direction&quot;:-1,&quot;vertical_scroll_speed&quot;:0.5,&quot;vertical_viewport_bottom&quot;:0,&quot;vertical_viewport_top&quot;:100,&quot;devices&quot;:&quot;&quot;}\" class=\"elementor-element elementor-element-aa12a71 elementor-absolute flex-horizontal-align-default flex-horizontal-align-tablet-default flex-horizontal-align-mobile-default flex-vertical-align-default flex-vertical-align-tablet-default flex-vertical-align-mobile-default elementor-widget elementor-widget-image\" data-id=\"aa12a71\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;,&quot;thegem_interaction_vertical_scroll&quot;:&quot;yes&quot;,&quot;thegem_interaction_vertical_scroll_direction&quot;:&quot;negative&quot;,&quot;thegem_interaction_vertical_scroll_speed&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:0.5,&quot;sizes&quot;:[]},&quot;thegem_interaction_vertical_scroll_range&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:{&quot;start&quot;:0,&quot;end&quot;:100}},&quot;thegem_interaction_devices&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;]}\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img width=\"555\" height=\"555\" src=\"https:\/\/codex-themes.com\/thegem\/scroll-color-transitions\/wp-content\/uploads\/2026\/05\/scroll-bg-04.webp\" class=\"attachment-full size-full wp-image-15\" alt=\"\" srcset=\"https:\/\/codex-themes.com\/thegem\/scroll-color-transitions\/wp-content\/uploads\/2026\/05\/scroll-bg-04.webp 555w, https:\/\/codex-themes.com\/thegem\/scroll-color-transitions\/wp-content\/uploads\/2026\/05\/scroll-bg-04-300x300.webp 300w, https:\/\/codex-themes.com\/thegem\/scroll-color-transitions\/wp-content\/uploads\/2026\/05\/scroll-bg-04-150x150.webp 150w, https:\/\/codex-themes.com\/thegem\/scroll-color-transitions\/wp-content\/uploads\/2026\/05\/scroll-bg-04-256x256.webp 256w\" sizes=\"(max-width: 555px) 100vw, 555px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d77cfe0 elementor-absolute spin-image flex-horizontal-align-default flex-horizontal-align-tablet-default flex-horizontal-align-mobile-default flex-vertical-align-default flex-vertical-align-tablet-default flex-vertical-align-mobile-default elementor-widget elementor-widget-image\" data-id=\"d77cfe0\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img width=\"142\" height=\"142\" src=\"https:\/\/codex-themes.com\/thegem\/scroll-color-transitions\/wp-content\/uploads\/2026\/05\/scroll-bg-03.png\" class=\"attachment-full size-full wp-image-14\" 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<div class=\"elementor-element elementor-element-3815d2b e-con-full elementor-hidden-desktop elementor-hidden-laptop thegem-e-con-layout-thegem e-flex e-con e-child\" data-id=\"3815d2b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;thegem_container_layout&quot;:&quot;thegem&quot;}\">\r\n\t\t\t\t<div class=\"elementor-element elementor-element-fd28591 spin-image flex-horizontal-align-default flex-horizontal-align-tablet-default flex-horizontal-align-mobile-default flex-vertical-align-default flex-vertical-align-tablet-default flex-vertical-align-mobile-default elementor-widget elementor-widget-image\" data-id=\"fd28591\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img width=\"142\" height=\"142\" src=\"https:\/\/codex-themes.com\/thegem\/scroll-color-transitions\/wp-content\/uploads\/2026\/05\/scroll-bg-03.png\" class=\"attachment-full size-full wp-image-14\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div data-thegem-interactions=\"{&quot;vertical_scroll&quot;:&quot;yes&quot;,&quot;vertical_scroll_direction&quot;:1,&quot;vertical_scroll_speed&quot;:0.6,&quot;vertical_viewport_bottom&quot;:0,&quot;vertical_viewport_top&quot;:100,&quot;devices&quot;:&quot;&quot;}\" class=\"elementor-element elementor-element-e7ad000 flex-horizontal-align-default flex-horizontal-align-tablet-default flex-horizontal-align-mobile-default flex-vertical-align-default flex-vertical-align-tablet-default flex-vertical-align-mobile-default elementor-widget elementor-widget-image\" data-id=\"e7ad000\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;thegem_interaction_vertical_scroll&quot;:&quot;yes&quot;,&quot;thegem_interaction_vertical_scroll_speed&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:0.6,&quot;sizes&quot;:[]},&quot;thegem_interaction_vertical_scroll_range&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:{&quot;start&quot;:0,&quot;end&quot;:100}},&quot;thegem_interaction_devices&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;]}\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img width=\"555\" height=\"555\" src=\"https:\/\/codex-themes.com\/thegem\/scroll-color-transitions\/wp-content\/uploads\/2026\/05\/scroll-bg-04.webp\" class=\"attachment-full size-full wp-image-15\" alt=\"\" srcset=\"https:\/\/codex-themes.com\/thegem\/scroll-color-transitions\/wp-content\/uploads\/2026\/05\/scroll-bg-04.webp 555w, https:\/\/codex-themes.com\/thegem\/scroll-color-transitions\/wp-content\/uploads\/2026\/05\/scroll-bg-04-300x300.webp 300w, https:\/\/codex-themes.com\/thegem\/scroll-color-transitions\/wp-content\/uploads\/2026\/05\/scroll-bg-04-150x150.webp 150w, https:\/\/codex-themes.com\/thegem\/scroll-color-transitions\/wp-content\/uploads\/2026\/05\/scroll-bg-04-256x256.webp 256w\" sizes=\"(max-width: 555px) 100vw, 555px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-814b255 e-transform flex-horizontal-align-default flex-horizontal-align-tablet-default flex-horizontal-align-mobile-default flex-vertical-align-default flex-vertical-align-tablet-default flex-vertical-align-mobile-default elementor-widget elementor-widget-image\" data-id=\"814b255\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_transform_translateX_effect_tablet&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:30,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_mobile&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_tablet&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:-50,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_mobile&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_laptop&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_laptop&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" width=\"574\" height=\"240\" src=\"https:\/\/codex-themes.com\/thegem\/scroll-color-transitions\/wp-content\/uploads\/2026\/05\/scroll-bg-05.png\" class=\"attachment-full size-full wp-image-16\" alt=\"\" srcset=\"https:\/\/codex-themes.com\/thegem\/scroll-color-transitions\/wp-content\/uploads\/2026\/05\/scroll-bg-05.png 574w, https:\/\/codex-themes.com\/thegem\/scroll-color-transitions\/wp-content\/uploads\/2026\/05\/scroll-bg-05-300x125.png 300w\" sizes=\"(max-width: 574px) 100vw, 574px\" \/>\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\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-thegem-scroll-bg=\"1\" data-thegem-scroll-bg-color=\"#FFF477\" data-thegem-scroll-bg-effect=\"fade\" data-thegem-scroll-bg-duration=\"800\" class=\"elementor-element elementor-element-6d33c20 thegem-e-con-layout-thegem e-flex e-con-boxed e-con e-parent\" data-id=\"6d33c20\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;thegem_scroll_bg_active&quot;:&quot;yes&quot;,&quot;thegem_scroll_bg_color&quot;:&quot;#FFF477&quot;,&quot;thegem_scroll_bg_duration&quot;:800,&quot;thegem_container_layout&quot;:&quot;thegem&quot;,&quot;thegem_scroll_bg_effect&quot;:&quot;fade&quot;}\">\r\n\t\t\t\t\t<div class=\"e-con-inner\">\r\n\t\t<div class=\"elementor-element elementor-element-332c17e e-con-full elementor-hidden-tablet elementor-hidden-mobile thegem-e-con-layout-thegem e-flex e-con e-child\" data-id=\"332c17e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;thegem_container_layout&quot;:&quot;thegem&quot;}\">\r\n\t\t\t\t<div data-thegem-interactions=\"{&quot;vertical_scroll&quot;:&quot;yes&quot;,&quot;vertical_scroll_direction&quot;:1,&quot;vertical_scroll_speed&quot;:0.4,&quot;vertical_viewport_bottom&quot;:0,&quot;vertical_viewport_top&quot;:100,&quot;devices&quot;:&quot;&quot;}\" class=\"elementor-element elementor-element-8cd22c8 elementor-absolute flex-horizontal-align-default flex-horizontal-align-tablet-default flex-horizontal-align-mobile-default flex-vertical-align-default flex-vertical-align-tablet-default flex-vertical-align-mobile-default elementor-widget elementor-widget-image\" data-id=\"8cd22c8\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;,&quot;thegem_interaction_vertical_scroll&quot;:&quot;yes&quot;,&quot;thegem_interaction_vertical_scroll_speed&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:0.4,&quot;sizes&quot;:[]},&quot;thegem_interaction_vertical_scroll_range&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:{&quot;start&quot;:0,&quot;end&quot;:100}},&quot;thegem_interaction_devices&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;]}\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" width=\"546\" height=\"268\" src=\"https:\/\/codex-themes.com\/thegem\/scroll-color-transitions\/wp-content\/uploads\/2026\/05\/scroll-bg-08.webp\" class=\"attachment-full size-full wp-image-19\" alt=\"\" srcset=\"https:\/\/codex-themes.com\/thegem\/scroll-color-transitions\/wp-content\/uploads\/2026\/05\/scroll-bg-08.webp 546w, https:\/\/codex-themes.com\/thegem\/scroll-color-transitions\/wp-content\/uploads\/2026\/05\/scroll-bg-08-300x147.webp 300w\" sizes=\"(max-width: 546px) 100vw, 546px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div data-thegem-interactions=\"{&quot;vertical_scroll&quot;:&quot;yes&quot;,&quot;vertical_scroll_direction&quot;:-1,&quot;vertical_scroll_speed&quot;:0.5,&quot;vertical_viewport_bottom&quot;:0,&quot;vertical_viewport_top&quot;:100,&quot;devices&quot;:&quot;&quot;}\" class=\"elementor-element elementor-element-41488f0 elementor-absolute flex-horizontal-align-default flex-horizontal-align-tablet-default flex-horizontal-align-mobile-default flex-vertical-align-default flex-vertical-align-tablet-default flex-vertical-align-mobile-default elementor-widget elementor-widget-image\" data-id=\"41488f0\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;,&quot;thegem_interaction_vertical_scroll&quot;:&quot;yes&quot;,&quot;thegem_interaction_vertical_scroll_direction&quot;:&quot;negative&quot;,&quot;thegem_interaction_vertical_scroll_speed&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:0.5,&quot;sizes&quot;:[]},&quot;thegem_interaction_vertical_scroll_range&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:{&quot;start&quot;:0,&quot;end&quot;:100}},&quot;thegem_interaction_devices&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;]}\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" width=\"556\" height=\"555\" src=\"https:\/\/codex-themes.com\/thegem\/scroll-color-transitions\/wp-content\/uploads\/2026\/05\/scroll-bg-07.webp\" class=\"attachment-full size-full wp-image-18\" alt=\"\" srcset=\"https:\/\/codex-themes.com\/thegem\/scroll-color-transitions\/wp-content\/uploads\/2026\/05\/scroll-bg-07.webp 556w, https:\/\/codex-themes.com\/thegem\/scroll-color-transitions\/wp-content\/uploads\/2026\/05\/scroll-bg-07-300x300.webp 300w, https:\/\/codex-themes.com\/thegem\/scroll-color-transitions\/wp-content\/uploads\/2026\/05\/scroll-bg-07-150x150.webp 150w, https:\/\/codex-themes.com\/thegem\/scroll-color-transitions\/wp-content\/uploads\/2026\/05\/scroll-bg-07-256x256.webp 256w\" sizes=\"(max-width: 556px) 100vw, 556px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div data-thegem-interactions=\"{&quot;mousemove&quot;:&quot;yes&quot;,&quot;mouse_direction&quot;:-1,&quot;mouse_speed&quot;:1,&quot;devices&quot;:&quot;&quot;}\" class=\"elementor-element elementor-element-ebf08d5 elementor-absolute flex-horizontal-align-default flex-horizontal-align-tablet-default flex-horizontal-align-mobile-default flex-vertical-align-default flex-vertical-align-tablet-default flex-vertical-align-mobile-default elementor-widget elementor-widget-image\" data-id=\"ebf08d5\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;,&quot;thegem_interaction_mouse&quot;:&quot;yes&quot;,&quot;thegem_interaction_mouse_speed&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]},&quot;thegem_interaction_devices&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;]}\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" width=\"124\" height=\"114\" src=\"https:\/\/codex-themes.com\/thegem\/scroll-color-transitions\/wp-content\/uploads\/2026\/05\/scroll-bg-06.png\" class=\"attachment-full size-full wp-image-17\" 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<div class=\"elementor-element elementor-element-71e4e69 e-con-full thegem-e-con-layout-thegem e-flex e-con e-child\" data-id=\"71e4e69\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;thegem_container_layout&quot;:&quot;thegem&quot;}\">\r\n\t\t<div class=\"elementor-element elementor-element-72f54fe e-con-full thegem-e-con-layout-thegem e-flex e-con e-child\" data-id=\"72f54fe\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;thegem_container_layout&quot;:&quot;thegem&quot;}\">\r\n\t\t\t\t<div class=\"elementor-element elementor-element-0f72742 flex-horizontal-align-default flex-horizontal-align-tablet-default flex-horizontal-align-mobile-default flex-vertical-align-default flex-vertical-align-tablet-default flex-vertical-align-mobile-default elementor-widget elementor-widget-thegem-animated-heading\" data-id=\"0f72742\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"thegem-animated-heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"thegem-heading thegem-animated-heading title-h2 thegem-heading-animate lines-slide-up-random\" id=\"thegem-heading-0f72742\" data-animation-name=\"lines-slide-up-random\" data-animation-interval=\"160\"><span class=\"elementor-repeater-item-812014d thegem-heading-word\">Digital<\/span> <span class=\"elementor-repeater-item-812014d thegem-heading-word\">Agency<\/span><\/h2><style type=\"text\/css\">#thegem-heading-0f72742 {margin: 0;}<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4f1e10a elementor-widget__width-initial flex-horizontal-align-default flex-horizontal-align-tablet-default flex-horizontal-align-mobile-default flex-vertical-align-default flex-vertical-align-tablet-default flex-vertical-align-mobile-default elementor-widget elementor-widget-thegem-animated-heading\" data-id=\"4f1e10a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"thegem-animated-heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"thegem-heading thegem-animated-heading text-body thegem-heading-animate words-slide-left\" id=\"thegem-heading-4f1e10a\"><span class=\"thegem-heading-word-wrap\"><span class=\"elementor-repeater-item-34a94f6 thegem-heading-word\" style=\"animation-delay: 170ms\">A<\/span><\/span> <span class=\"thegem-heading-word-wrap\"><span class=\"elementor-repeater-item-34a94f6 thegem-heading-word\" style=\"animation-delay: 190ms\">clean,<\/span><\/span> <span class=\"thegem-heading-word-wrap\"><span class=\"elementor-repeater-item-34a94f6 thegem-heading-word\" style=\"animation-delay: 210ms\">modern<\/span><\/span> <span class=\"thegem-heading-word-wrap\"><span class=\"elementor-repeater-item-34a94f6 thegem-heading-word\" style=\"animation-delay: 230ms\">agency<\/span><\/span> <span class=\"thegem-heading-word-wrap\"><span class=\"elementor-repeater-item-34a94f6 thegem-heading-word\" style=\"animation-delay: 250ms\">layout<\/span><\/span> <span class=\"thegem-heading-word-wrap\"><span class=\"elementor-repeater-item-34a94f6 thegem-heading-word\" style=\"animation-delay: 270ms\">where<\/span><\/span> <span class=\"thegem-heading-word-wrap\"><span class=\"elementor-repeater-item-34a94f6 thegem-heading-word\" style=\"animation-delay: 290ms\">color<\/span><\/span> <span class=\"thegem-heading-word-wrap\"><span class=\"elementor-repeater-item-34a94f6 thegem-heading-word\" style=\"animation-delay: 310ms\">transitions<\/span><\/span> <span class=\"thegem-heading-word-wrap\"><span class=\"elementor-repeater-item-34a94f6 thegem-heading-word\" style=\"animation-delay: 330ms\">guide<\/span><\/span> <span class=\"thegem-heading-word-wrap\"><span class=\"elementor-repeater-item-34a94f6 thegem-heading-word\" style=\"animation-delay: 350ms\">the<\/span><\/span> <span class=\"thegem-heading-word-wrap\"><span class=\"elementor-repeater-item-34a94f6 thegem-heading-word\" style=\"animation-delay: 370ms\">eye<\/span><\/span> <span class=\"thegem-heading-word-wrap\"><span class=\"elementor-repeater-item-34a94f6 thegem-heading-word\" style=\"animation-delay: 390ms\">and<\/span><\/span> <span class=\"thegem-heading-word-wrap\"><span class=\"elementor-repeater-item-34a94f6 thegem-heading-word\" style=\"animation-delay: 410ms\">highlight<\/span><\/span> <span class=\"thegem-heading-word-wrap\"><span class=\"elementor-repeater-item-34a94f6 thegem-heading-word\" style=\"animation-delay: 430ms\">each<\/span><\/span> <span class=\"thegem-heading-word-wrap\"><span class=\"elementor-repeater-item-34a94f6 thegem-heading-word\" style=\"animation-delay: 450ms\">section.<\/span><\/span><\/div><style type=\"text\/css\">#thegem-heading-4f1e10a {margin: 0;}<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9095e65 flex-horizontal-align-default flex-horizontal-align-tablet-default flex-horizontal-align-mobile-default flex-vertical-align-default flex-vertical-align-tablet-default flex-vertical-align-mobile-default elementor-widget elementor-widget-thegem-styledbutton\" data-id=\"9095e65\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;thegem_button_skin&quot;:&quot;outline&quot;,&quot;effects_enabled&quot;:&quot;yes&quot;}\" data-widget_type=\"thegem-styledbutton.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>.elementor-element-9095e65 .gem-button {opacity:0;animation-delay:300ms !important}<\/style>\n<div class=\"thegem-button-animate thegem-button-animation-slide-up gem-button-container gem-widget-button\">\n\n\t\t<a class=\"gem-button gem-button-size-tiny gem-button-text-weight-bold gem-button-style-outline gem-button-border-2\" href=\"#\" role=\"button\">\n\t\t<span class=\"gem-inner-wrapper-btn\">\n\t\t\t\t\t\t<span class=\"gem-text-button text-body\">\n\t\t\t\tView Demo\t\t\t<\/span>\n\t\t<\/span>\n\t<\/a>\n\n\t\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bf13d70 elementor-absolute small-body e-transform animated-slow flex-horizontal-align-default flex-horizontal-align-tablet-default flex-horizontal-align-mobile-default flex-vertical-align-default flex-vertical-align-tablet-default flex-vertical-align-mobile-default elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"bf13d70\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;,&quot;_transform_translateX_effect_tablet&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:-50,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_mobile&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_transform_translateX_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_laptop&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_laptop&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-text-editor elementor-clearfix\">\r\n\t\t\t\t\t\t<p>DEMO 2<\/p>\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c2f045f e-con-full elementor-hidden-desktop elementor-hidden-laptop thegem-e-con-layout-thegem e-flex e-con e-child\" data-id=\"c2f045f\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;thegem_container_layout&quot;:&quot;thegem&quot;}\">\r\n\t\t\t\t<div data-thegem-interactions=\"{&quot;mousemove&quot;:&quot;yes&quot;,&quot;mouse_direction&quot;:-1,&quot;mouse_speed&quot;:1,&quot;devices&quot;:&quot;&quot;}\" class=\"elementor-element elementor-element-a813f20 elementor-hidden-mobile flex-horizontal-align-default flex-horizontal-align-tablet-default flex-horizontal-align-mobile-default flex-vertical-align-default flex-vertical-align-tablet-default flex-vertical-align-mobile-default elementor-widget elementor-widget-image\" data-id=\"a813f20\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;thegem_interaction_mouse&quot;:&quot;yes&quot;,&quot;thegem_interaction_mouse_speed&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]},&quot;thegem_interaction_devices&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;]}\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" width=\"124\" height=\"114\" src=\"https:\/\/codex-themes.com\/thegem\/scroll-color-transitions\/wp-content\/uploads\/2026\/05\/scroll-bg-06.png\" class=\"attachment-full size-full wp-image-17\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div data-thegem-interactions=\"{&quot;vertical_scroll&quot;:&quot;yes&quot;,&quot;vertical_scroll_direction&quot;:1,&quot;vertical_scroll_speed&quot;:0.6,&quot;vertical_viewport_bottom&quot;:0,&quot;vertical_viewport_top&quot;:100,&quot;devices&quot;:&quot;&quot;}\" class=\"elementor-element elementor-element-b531ea9 flex-horizontal-align-default flex-horizontal-align-tablet-default flex-horizontal-align-mobile-default flex-vertical-align-default flex-vertical-align-tablet-default flex-vertical-align-mobile-default elementor-widget elementor-widget-image\" data-id=\"b531ea9\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;thegem_interaction_vertical_scroll&quot;:&quot;yes&quot;,&quot;thegem_interaction_vertical_scroll_speed&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:0.6,&quot;sizes&quot;:[]},&quot;thegem_interaction_vertical_scroll_range&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:{&quot;start&quot;:0,&quot;end&quot;:100}},&quot;thegem_interaction_devices&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;]}\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" width=\"556\" height=\"555\" src=\"https:\/\/codex-themes.com\/thegem\/scroll-color-transitions\/wp-content\/uploads\/2026\/05\/scroll-bg-07.webp\" class=\"attachment-full size-full wp-image-18\" alt=\"\" srcset=\"https:\/\/codex-themes.com\/thegem\/scroll-color-transitions\/wp-content\/uploads\/2026\/05\/scroll-bg-07.webp 556w, https:\/\/codex-themes.com\/thegem\/scroll-color-transitions\/wp-content\/uploads\/2026\/05\/scroll-bg-07-300x300.webp 300w, https:\/\/codex-themes.com\/thegem\/scroll-color-transitions\/wp-content\/uploads\/2026\/05\/scroll-bg-07-150x150.webp 150w, https:\/\/codex-themes.com\/thegem\/scroll-color-transitions\/wp-content\/uploads\/2026\/05\/scroll-bg-07-256x256.webp 256w\" sizes=\"(max-width: 556px) 100vw, 556px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-65291ca e-transform flex-horizontal-align-default flex-horizontal-align-tablet-default flex-horizontal-align-mobile-default flex-vertical-align-default flex-vertical-align-tablet-default flex-vertical-align-mobile-default elementor-widget elementor-widget-image\" data-id=\"65291ca\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_transform_translateX_effect_tablet&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:-30,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_mobile&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_tablet&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:-50,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_mobile&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_laptop&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_laptop&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" width=\"546\" height=\"268\" src=\"https:\/\/codex-themes.com\/thegem\/scroll-color-transitions\/wp-content\/uploads\/2026\/05\/scroll-bg-08.webp\" class=\"attachment-full size-full wp-image-19\" alt=\"\" srcset=\"https:\/\/codex-themes.com\/thegem\/scroll-color-transitions\/wp-content\/uploads\/2026\/05\/scroll-bg-08.webp 546w, https:\/\/codex-themes.com\/thegem\/scroll-color-transitions\/wp-content\/uploads\/2026\/05\/scroll-bg-08-300x147.webp 300w\" sizes=\"(max-width: 546px) 100vw, 546px\" \/>\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\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-thegem-scroll-bg=\"1\" data-thegem-scroll-bg-color=\"#B1DBFF\" data-thegem-scroll-bg-effect=\"fade\" data-thegem-scroll-bg-duration=\"800\" class=\"elementor-element elementor-element-b74fc86 thegem-e-con-layout-thegem e-flex e-con-boxed e-con e-parent\" data-id=\"b74fc86\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;thegem_scroll_bg_active&quot;:&quot;yes&quot;,&quot;thegem_scroll_bg_color&quot;:&quot;#B1DBFF&quot;,&quot;thegem_scroll_bg_duration&quot;:800,&quot;thegem_container_layout&quot;:&quot;thegem&quot;,&quot;thegem_scroll_bg_effect&quot;:&quot;fade&quot;}\">\r\n\t\t\t\t\t<div class=\"e-con-inner\">\r\n\t\t<div class=\"elementor-element elementor-element-cb49730 e-con-full thegem-e-con-layout-thegem e-flex e-con e-child\" data-id=\"cb49730\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;thegem_container_layout&quot;:&quot;thegem&quot;}\">\r\n\t\t\t\t<div class=\"elementor-element elementor-element-fb56b5e flex-horizontal-align-default flex-horizontal-align-tablet-default flex-horizontal-align-mobile-default flex-vertical-align-default flex-vertical-align-tablet-default flex-vertical-align-mobile-default elementor-widget elementor-widget-thegem-animated-heading\" data-id=\"fb56b5e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"thegem-animated-heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"thegem-heading thegem-animated-heading title-h2 thegem-heading-animate lines-slide-up-random\" id=\"thegem-heading-fb56b5e\" data-animation-name=\"lines-slide-up-random\" data-animation-interval=\"160\"><span class=\"elementor-repeater-item-c183822 thegem-heading-word\">Car<\/span> <span class=\"elementor-repeater-item-c183822 thegem-heading-word\">Detailing<\/span><\/h2><style type=\"text\/css\">#thegem-heading-fb56b5e {margin: 0;}<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f4ddacb elementor-widget__width-initial flex-horizontal-align-default flex-horizontal-align-tablet-default flex-horizontal-align-mobile-default flex-vertical-align-default flex-vertical-align-tablet-default flex-vertical-align-mobile-default elementor-widget elementor-widget-thegem-animated-heading\" data-id=\"f4ddacb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"thegem-animated-heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"thegem-heading thegem-animated-heading text-body thegem-heading-animate words-slide-right\" id=\"thegem-heading-f4ddacb\"><span class=\"thegem-heading-word-wrap\"><span class=\"elementor-repeater-item-cd857f1 thegem-heading-word\" style=\"animation-delay: 165ms\">A<\/span><\/span> <span class=\"thegem-heading-word-wrap\"><span class=\"elementor-repeater-item-cd857f1 thegem-heading-word\" style=\"animation-delay: 180ms\">bold,<\/span><\/span> <span class=\"thegem-heading-word-wrap\"><span class=\"elementor-repeater-item-cd857f1 thegem-heading-word\" style=\"animation-delay: 195ms\">high<\/span><\/span> <span class=\"thegem-heading-word-wrap\"><span class=\"elementor-repeater-item-cd857f1 thegem-heading-word\" style=\"animation-delay: 210ms\">contrast<\/span><\/span> <span class=\"thegem-heading-word-wrap\"><span class=\"elementor-repeater-item-cd857f1 thegem-heading-word\" style=\"animation-delay: 225ms\">design<\/span><\/span> <span class=\"thegem-heading-word-wrap\"><span class=\"elementor-repeater-item-cd857f1 thegem-heading-word\" style=\"animation-delay: 240ms\">where<\/span><\/span> <span class=\"thegem-heading-word-wrap\"><span class=\"elementor-repeater-item-cd857f1 thegem-heading-word\" style=\"animation-delay: 255ms\">strong<\/span><\/span> <span class=\"thegem-heading-word-wrap\"><span class=\"elementor-repeater-item-cd857f1 thegem-heading-word\" style=\"animation-delay: 270ms\">color<\/span><\/span> <span class=\"thegem-heading-word-wrap\"><span class=\"elementor-repeater-item-cd857f1 thegem-heading-word\" style=\"animation-delay: 285ms\">changes<\/span><\/span> <span class=\"thegem-heading-word-wrap\"><span class=\"elementor-repeater-item-cd857f1 thegem-heading-word\" style=\"animation-delay: 300ms\">add<\/span><\/span> <span class=\"thegem-heading-word-wrap\"><span class=\"elementor-repeater-item-cd857f1 thegem-heading-word\" style=\"animation-delay: 315ms\">energy<\/span><\/span> <span class=\"thegem-heading-word-wrap\"><span class=\"elementor-repeater-item-cd857f1 thegem-heading-word\" style=\"animation-delay: 330ms\">and<\/span><\/span> <span class=\"thegem-heading-word-wrap\"><span class=\"elementor-repeater-item-cd857f1 thegem-heading-word\" style=\"animation-delay: 345ms\">make<\/span><\/span> <span class=\"thegem-heading-word-wrap\"><span class=\"elementor-repeater-item-cd857f1 thegem-heading-word\" style=\"animation-delay: 360ms\">each<\/span><\/span> <span class=\"thegem-heading-word-wrap\"><span class=\"elementor-repeater-item-cd857f1 thegem-heading-word\" style=\"animation-delay: 375ms\">section<\/span><\/span> <span class=\"thegem-heading-word-wrap\"><span class=\"elementor-repeater-item-cd857f1 thegem-heading-word\" style=\"animation-delay: 390ms\">stand<\/span><\/span> <span class=\"thegem-heading-word-wrap\"><span class=\"elementor-repeater-item-cd857f1 thegem-heading-word\" style=\"animation-delay: 405ms\">out.<\/span><\/span><\/div><style type=\"text\/css\">#thegem-heading-f4ddacb {margin: 0;}<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ea8a67d flex-horizontal-align-default flex-horizontal-align-tablet-default flex-horizontal-align-mobile-default flex-vertical-align-default flex-vertical-align-tablet-default flex-vertical-align-mobile-default elementor-widget elementor-widget-thegem-styledbutton\" data-id=\"ea8a67d\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;thegem_button_skin&quot;:&quot;outline&quot;,&quot;effects_enabled&quot;:&quot;yes&quot;}\" data-widget_type=\"thegem-styledbutton.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>.elementor-element-ea8a67d .gem-button {opacity:0;animation-delay:300ms !important}<\/style>\n<div class=\"thegem-button-animate thegem-button-animation-slide-up gem-button-container gem-widget-button\">\n\n\t\t<a class=\"gem-button gem-button-size-tiny gem-button-text-weight-bold gem-button-style-outline gem-button-border-2\" href=\"#\" role=\"button\">\n\t\t<span class=\"gem-inner-wrapper-btn\">\n\t\t\t\t\t\t<span class=\"gem-text-button text-body\">\n\t\t\t\tView Demo\t\t\t<\/span>\n\t\t<\/span>\n\t<\/a>\n\n\t\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9e709f8 elementor-absolute small-body e-transform animated-slow flex-horizontal-align-default flex-horizontal-align-tablet-default flex-horizontal-align-mobile-default flex-vertical-align-default flex-vertical-align-tablet-default flex-vertical-align-mobile-default elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"9e709f8\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;,&quot;_transform_translateX_effect_tablet&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:-50,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_mobile&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_transform_translateX_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_laptop&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_laptop&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-text-editor elementor-clearfix\">\r\n\t\t\t\t\t\t<p>DEMO 3<\/p>\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e4064a7 e-con-full elementor-hidden-tablet elementor-hidden-mobile thegem-e-con-layout-thegem e-flex e-con e-child\" data-id=\"e4064a7\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;thegem_container_layout&quot;:&quot;thegem&quot;}\">\r\n\t\t\t\t<div data-thegem-interactions=\"{&quot;vertical_scroll&quot;:&quot;yes&quot;,&quot;vertical_scroll_direction&quot;:-1,&quot;vertical_scroll_speed&quot;:0.4,&quot;vertical_viewport_bottom&quot;:0,&quot;vertical_viewport_top&quot;:100,&quot;devices&quot;:&quot;&quot;}\" class=\"elementor-element elementor-element-feb6f21 elementor-absolute flex-horizontal-align-default flex-horizontal-align-tablet-default flex-horizontal-align-mobile-default flex-vertical-align-default flex-vertical-align-tablet-default flex-vertical-align-mobile-default elementor-widget elementor-widget-image\" data-id=\"feb6f21\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;,&quot;thegem_interaction_vertical_scroll&quot;:&quot;yes&quot;,&quot;thegem_interaction_vertical_scroll_direction&quot;:&quot;negative&quot;,&quot;thegem_interaction_vertical_scroll_speed&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:0.4,&quot;sizes&quot;:[]},&quot;thegem_interaction_vertical_scroll_range&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:{&quot;start&quot;:0,&quot;end&quot;:100}},&quot;thegem_interaction_devices&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;]}\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" width=\"548\" height=\"240\" src=\"https:\/\/codex-themes.com\/thegem\/scroll-color-transitions\/wp-content\/uploads\/2026\/05\/scroll-bg-10.png\" class=\"attachment-full size-full wp-image-21\" alt=\"\" srcset=\"https:\/\/codex-themes.com\/thegem\/scroll-color-transitions\/wp-content\/uploads\/2026\/05\/scroll-bg-10.png 548w, https:\/\/codex-themes.com\/thegem\/scroll-color-transitions\/wp-content\/uploads\/2026\/05\/scroll-bg-10-300x131.png 300w\" sizes=\"(max-width: 548px) 100vw, 548px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div data-thegem-interactions=\"{&quot;vertical_scroll&quot;:&quot;yes&quot;,&quot;vertical_scroll_direction&quot;:1,&quot;vertical_scroll_speed&quot;:0.5,&quot;vertical_viewport_bottom&quot;:0,&quot;vertical_viewport_top&quot;:100,&quot;devices&quot;:&quot;&quot;}\" class=\"elementor-element elementor-element-dde7bea elementor-absolute flex-horizontal-align-default flex-horizontal-align-tablet-default flex-horizontal-align-mobile-default flex-vertical-align-default flex-vertical-align-tablet-default flex-vertical-align-mobile-default elementor-widget elementor-widget-image\" data-id=\"dde7bea\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;,&quot;thegem_interaction_vertical_scroll&quot;:&quot;yes&quot;,&quot;thegem_interaction_vertical_scroll_speed&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:0.5,&quot;sizes&quot;:[]},&quot;thegem_interaction_vertical_scroll_range&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:{&quot;start&quot;:0,&quot;end&quot;:100}},&quot;thegem_interaction_devices&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;]}\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" width=\"556\" height=\"556\" src=\"https:\/\/codex-themes.com\/thegem\/scroll-color-transitions\/wp-content\/uploads\/2026\/05\/scroll-bg-09.webp\" class=\"attachment-full size-full wp-image-20\" alt=\"\" srcset=\"https:\/\/codex-themes.com\/thegem\/scroll-color-transitions\/wp-content\/uploads\/2026\/05\/scroll-bg-09.webp 556w, https:\/\/codex-themes.com\/thegem\/scroll-color-transitions\/wp-content\/uploads\/2026\/05\/scroll-bg-09-300x300.webp 300w, https:\/\/codex-themes.com\/thegem\/scroll-color-transitions\/wp-content\/uploads\/2026\/05\/scroll-bg-09-150x150.webp 150w, https:\/\/codex-themes.com\/thegem\/scroll-color-transitions\/wp-content\/uploads\/2026\/05\/scroll-bg-09-256x256.webp 256w\" sizes=\"(max-width: 556px) 100vw, 556px\" \/>\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<div class=\"elementor-element elementor-element-06f28f0 e-con-full elementor-hidden-desktop elementor-hidden-laptop thegem-e-con-layout-thegem e-flex e-con e-child\" data-id=\"06f28f0\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;thegem_container_layout&quot;:&quot;thegem&quot;}\">\r\n\t\t\t\t<div data-thegem-interactions=\"{&quot;vertical_scroll&quot;:&quot;yes&quot;,&quot;vertical_scroll_direction&quot;:1,&quot;vertical_scroll_speed&quot;:0.6,&quot;vertical_viewport_bottom&quot;:0,&quot;vertical_viewport_top&quot;:100,&quot;devices&quot;:&quot;&quot;}\" class=\"elementor-element elementor-element-7a16ec8 flex-horizontal-align-default flex-horizontal-align-tablet-default flex-horizontal-align-mobile-default flex-vertical-align-default flex-vertical-align-tablet-default flex-vertical-align-mobile-default elementor-widget elementor-widget-image\" data-id=\"7a16ec8\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;thegem_interaction_vertical_scroll&quot;:&quot;yes&quot;,&quot;thegem_interaction_vertical_scroll_speed&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:0.6,&quot;sizes&quot;:[]},&quot;thegem_interaction_vertical_scroll_range&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:{&quot;start&quot;:0,&quot;end&quot;:100}},&quot;thegem_interaction_devices&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;]}\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" width=\"556\" height=\"556\" src=\"https:\/\/codex-themes.com\/thegem\/scroll-color-transitions\/wp-content\/uploads\/2026\/05\/scroll-bg-09.webp\" class=\"attachment-full size-full wp-image-20\" alt=\"\" srcset=\"https:\/\/codex-themes.com\/thegem\/scroll-color-transitions\/wp-content\/uploads\/2026\/05\/scroll-bg-09.webp 556w, https:\/\/codex-themes.com\/thegem\/scroll-color-transitions\/wp-content\/uploads\/2026\/05\/scroll-bg-09-300x300.webp 300w, https:\/\/codex-themes.com\/thegem\/scroll-color-transitions\/wp-content\/uploads\/2026\/05\/scroll-bg-09-150x150.webp 150w, https:\/\/codex-themes.com\/thegem\/scroll-color-transitions\/wp-content\/uploads\/2026\/05\/scroll-bg-09-256x256.webp 256w\" sizes=\"(max-width: 556px) 100vw, 556px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-02fb23e e-transform flex-horizontal-align-default flex-horizontal-align-tablet-default flex-horizontal-align-mobile-default flex-vertical-align-default flex-vertical-align-tablet-default flex-vertical-align-mobile-default elementor-widget elementor-widget-image\" data-id=\"02fb23e\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_transform_translateX_effect_tablet&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:10,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_mobile&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_tablet&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:-30,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_mobile&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_laptop&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_laptop&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" width=\"548\" height=\"240\" src=\"https:\/\/codex-themes.com\/thegem\/scroll-color-transitions\/wp-content\/uploads\/2026\/05\/scroll-bg-10.png\" class=\"attachment-full size-full wp-image-21\" alt=\"\" srcset=\"https:\/\/codex-themes.com\/thegem\/scroll-color-transitions\/wp-content\/uploads\/2026\/05\/scroll-bg-10.png 548w, https:\/\/codex-themes.com\/thegem\/scroll-color-transitions\/wp-content\/uploads\/2026\/05\/scroll-bg-10-300x131.png 300w\" sizes=\"(max-width: 548px) 100vw, 548px\" \/>\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\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-thegem-scroll-bg=\"1\" data-thegem-scroll-bg-color=\"#24262D\" data-thegem-scroll-bg-text=\"#FFFFFF\" data-thegem-scroll-bg-effect=\"wipe\" data-thegem-scroll-bg-wipe-dir=\"left\" data-thegem-scroll-bg-duration=\"800\" class=\"elementor-element elementor-element-ff81206 thegem-e-con-layout-thegem e-flex e-con-boxed e-con e-parent\" data-id=\"ff81206\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;thegem_scroll_bg_active&quot;:&quot;yes&quot;,&quot;thegem_scroll_bg_color&quot;:&quot;#24262D&quot;,&quot;thegem_scroll_bg_text&quot;:&quot;#FFFFFF&quot;,&quot;thegem_scroll_bg_effect&quot;:&quot;wipe&quot;,&quot;thegem_scroll_bg_duration&quot;:800,&quot;thegem_container_layout&quot;:&quot;thegem&quot;,&quot;thegem_scroll_bg_wipe_dir&quot;:&quot;left&quot;}\">\r\n\t\t\t\t\t<div class=\"e-con-inner\">\r\n\t\t\t\t<div class=\"elementor-element elementor-element-e9188a1 scroll-bg-svg elementor-view-default flex-horizontal-align-default flex-horizontal-align-tablet-default flex-horizontal-align-mobile-default flex-vertical-align-default flex-vertical-align-tablet-default flex-vertical-align-mobile-default elementor-widget elementor-widget-icon\" data-id=\"e9188a1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<div class=\"elementor-icon\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"125\" height=\"120\" viewBox=\"0 0 125 120\"><path d=\"M124.853,45.885l-23.8,73.188H24.015L0.209,45.885l5.37-3.9L62.531,0.656l58.3,42.315h0ZM21.4,52.767L38.346,65.061l4-12.294H21.4Zm22.181,28.4-9.09,27.95h47.6Zm2-38.355,7.47-22.972L21.4,42.814H45.583Zm66.555,9.953H52.824l-6,18.448L94.81,106.046ZM35.107,75.021L15.545,60.82,27.635,97.988ZM103.66,42.814L65.151,14.864l-9.089,27.95h47.6Z\"><\/path><\/svg>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d144049 elementor-widget__width-initial flex-horizontal-align-default flex-horizontal-align-tablet-default flex-horizontal-align-mobile-default flex-vertical-align-default flex-vertical-align-tablet-default flex-vertical-align-mobile-default elementor-widget elementor-widget-thegem-animated-heading\" data-id=\"d144049\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"thegem-animated-heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"thegem-heading thegem-animated-heading title-h2 thegem-heading-animate lines-slide-up\" id=\"thegem-heading-d144049\" data-animation-name=\"lines-slide-up\" data-animation-interval=\"80\"><span class=\"elementor-repeater-item-d49a240 thegem-heading-word\">Bring<\/span> <span class=\"elementor-repeater-item-d49a240 thegem-heading-word\">Your<\/span> <span class=\"elementor-repeater-item-d49a240 thegem-heading-word\">Pages<\/span> <span class=\"elementor-repeater-item-d49a240 thegem-heading-word\">to<\/span> <span class=\"elementor-repeater-item-d49a240 thegem-heading-word\">Life<\/span> <span class=\"elementor-repeater-item-d49a240 thegem-heading-word\">with<\/span> <span class=\"elementor-repeater-item-d49a240 thegem-heading-word\">Smooth<\/span> <span class=\"elementor-repeater-item-d49a240 thegem-heading-word\">Color<\/span> <span class=\"elementor-repeater-item-d49a240 thegem-heading-word\">Transitions<\/span><\/h2><style type=\"text\/css\">#thegem-heading-d144049 {margin: 0;}#thegem-heading-d144049 {margin-left: auto; margin-right: auto;}#thegem-heading-d144049 > * {justify-content: center;}<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1c3b5d5 elementor-widget__width-initial flex-horizontal-align-default flex-horizontal-align-tablet-default flex-horizontal-align-mobile-default flex-vertical-align-default flex-vertical-align-tablet-default flex-vertical-align-mobile-default elementor-widget elementor-widget-text-editor\" data-id=\"1c3b5d5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-text-editor elementor-clearfix\">\r\n\t\t\t\t\t\t<p style=\"text-align: center;\">Enhance clarity, guide attention, and create a modern browsing experience with effortless scroll based color effects.<\/p>\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a90d93a flex-horizontal-align-default flex-horizontal-align-tablet-default flex-horizontal-align-mobile-default flex-vertical-align-default flex-vertical-align-tablet-default flex-vertical-align-mobile-default elementor-widget elementor-widget-thegem-styledbutton\" data-id=\"a90d93a\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;thegem_button_skin&quot;:&quot;flat&quot;}\" data-widget_type=\"thegem-styledbutton.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<div class=\"gem-button-container gem-widget-button gradient-button\">\n\n\t\t<a class=\"gem-button gem-button-size-large gem-button-text-weight-bold gem-button-style-flat\" href=\"#\" role=\"button\">\n\t\t<span class=\"gem-inner-wrapper-btn\">\n\t\t\t\t\t\t<span class=\"gem-text-button\">\n\t\t\t\tPurchase Now\t\t\t<\/span>\n\t\t<\/span>\n\t<\/a>\n\n\t\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d3c3d40 elementor-widget__width-initial flex-horizontal-align-default flex-horizontal-align-tablet-default flex-horizontal-align-mobile-default flex-vertical-align-default flex-vertical-align-tablet-default flex-vertical-align-mobile-default elementor-widget elementor-widget-text-editor\" data-id=\"d3c3d40\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-text-editor elementor-clearfix\">\r\n\t\t\t\t\t\t<p style=\"text-align: center;\">\u00a9 Copyright CodexThemes<\/p>\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\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>Scroll ColorTransitions Bring your pages to life with smooth, scroll activated color transitions. * Contrast Highlights * Better Readability *&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-fullwidth.php","meta":{"footnotes":""},"class_list":["post-719","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/codex-themes.com\/thegem\/scroll-color-transitions\/wp-json\/wp\/v2\/pages\/719","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/codex-themes.com\/thegem\/scroll-color-transitions\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/codex-themes.com\/thegem\/scroll-color-transitions\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/codex-themes.com\/thegem\/scroll-color-transitions\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/codex-themes.com\/thegem\/scroll-color-transitions\/wp-json\/wp\/v2\/comments?post=719"}],"version-history":[{"count":65,"href":"https:\/\/codex-themes.com\/thegem\/scroll-color-transitions\/wp-json\/wp\/v2\/pages\/719\/revisions"}],"predecessor-version":[{"id":787,"href":"https:\/\/codex-themes.com\/thegem\/scroll-color-transitions\/wp-json\/wp\/v2\/pages\/719\/revisions\/787"}],"wp:attachment":[{"href":"https:\/\/codex-themes.com\/thegem\/scroll-color-transitions\/wp-json\/wp\/v2\/media?parent=719"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}