diff --git a/.github/workflows/build.yml b/.github/workflows/build.yml
index 0db93d8e1cd6..635e1fbc4cd6 100644
--- a/.github/workflows/build.yml
+++ b/.github/workflows/build.yml
@@ -2,7 +2,6 @@ name: Build
 
 on:
   workflow_dispatch:
-  pull_request:
     paths-ignore:
       - '**.md'
       - '**.txt'
@@ -20,6 +19,13 @@ on:
     branches:
       - 'main'
       - '3.*'
+    paths-ignore:
+      - '**.md'
+      - '**.txt'
+      - '.github/config.json'
+      - 'bin/**'
+      - '.gitignore'
+      - 'docs/**'
 
 jobs:
   build-plugin:
diff --git a/.github/workflows/css-file-check.yml b/.github/workflows/css-file-check.yml
index 4b32f2b79bb0..430d9d390567 100644
--- a/.github/workflows/css-file-check.yml
+++ b/.github/workflows/css-file-check.yml
@@ -1,7 +1,10 @@
 name: Check CSS Size Limit
 
 on:
-  pull_request:
+  push:
+    branches:
+      - 'main'
+      - '3.*'
     types: ['opened', 'edited', 'reopened', 'synchronize']
     paths-ignore:
       - '**.md'
diff --git a/.github/workflows/lighthouse.yml b/.github/workflows/lighthouse.yml
index 1f27d6ba1119..db51bcc137a0 100644
--- a/.github/workflows/lighthouse.yml
+++ b/.github/workflows/lighthouse.yml
@@ -1,7 +1,10 @@
 name: Lighthouse
 
 on:
-  pull_request:
+  push:
+    branches:
+      - 'main'
+      - '3.*'
     paths-ignore:
       - '**.md'
       - '**.txt'
diff --git a/.github/workflows/phpunit.yml b/.github/workflows/phpunit.yml
index 9f8a1bd43ddf..aa7e23ff7718 100644
--- a/.github/workflows/phpunit.yml
+++ b/.github/workflows/phpunit.yml
@@ -42,7 +42,7 @@ jobs:
     strategy:
       fail-fast: false
       matrix:
-        wordpress_versions: ['nightly', 'latest', '6.5', '6.4', '6.3']
+        wordpress_versions: ['nightly', 'latest', '6.6', '6.5']
         php_versions: ['7.4', '8.0']
     name: PHPUnit - WordPress ${{ matrix.wordpress_versions }} - PHP version ${{ matrix.php_versions }}
     env:
diff --git a/.github/workflows/playwright.yml b/.github/workflows/playwright.yml
index 40cef4f81850..9956cdfca078 100644
--- a/.github/workflows/playwright.yml
+++ b/.github/workflows/playwright.yml
@@ -1,7 +1,10 @@
 name: Playwright
 
 on:
-  pull_request:
+  push:
+    branches:
+      - 'main'
+      - '3.*'
     paths-ignore:
       - '**.md'
       - '**.txt'
@@ -156,20 +159,20 @@ jobs:
         if: ${{ needs.Playwright.result == 'failure' }}
         uses: actions/checkout@v4
       - name: Send slack message
-        if: ${{ needs.Playwright.result == 'failure' && github.event_name == 'schedule' }}
+        if: ${{ needs.Playwright.result == 'failure' &&  github.event_name != 'workflow_dispatch'}}
         uses: ./.github/workflows/post-to-slack
         with:
           SLACK_BOT_TOKEN: ${{ secrets.SLACK_TOKEN }}
           SLACK_TAG_CHANNELS: ${{ secrets.TEST_AUTOMATION_RESULTS }}
           PAYLOAD: |
             {
-              "text": "Elementor Core: Playwright with WordPress nightly has failed: ${{ github.server_url }}/${{ github.repository }}/actions/runs/${{ github.run_id }}",
+              "text": "Elementor Core: Playwright - ${{github.event_name}} has failed: ${{ github.server_url }}/${{ github.repository }}/actions/runs/${{ github.run_id }}",
               "blocks": [
                 {
                   "type": "section",
                   "text": {
                     "type": "mrkdwn",
-                    "text": "Elementor Core: Playwright with WordPress nightly failed: ${{ github.server_url }}/${{ github.repository }}/actions/runs/${{ github.run_id }}"
+                    "text": "Elementor Core: Playwright - ${{github.event_name}} failed: ${{ github.server_url }}/${{ github.repository }}/actions/runs/${{ github.run_id }}"
                   }
                 }
               ]
diff --git a/.github/workflows/plugin-upgrade-test.yml b/.github/workflows/plugin-upgrade-test.yml
index b7d12cc230a8..daf7908934cf 100644
--- a/.github/workflows/plugin-upgrade-test.yml
+++ b/.github/workflows/plugin-upgrade-test.yml
@@ -1,7 +1,10 @@
 name: Upgrade Elementor test
 
 on:
-  pull_request:
+  push:
+    branches:
+      - 'main'
+      - '3.*'
     paths-ignore:
       - '**.md'
       - '**.txt'
diff --git a/.grunt-config/sass.js b/.grunt-config/sass.js
index ee249b143d98..f10e3e5ff9eb 100644
--- a/.grunt-config/sass.js
+++ b/.grunt-config/sass.js
@@ -52,7 +52,7 @@ const sass = {
 			{
 				expand: true,
 				cwd: 'modules/styleguide/assets/scss',
-				src: '*.scss',
+				src: 'editor.scss',
 				dest: 'assets/css/modules/styleguide',
 				ext: '.css',
 			},
diff --git a/.grunt-config/webpack.packages.js b/.grunt-config/webpack.packages.js
index ea9c8c306c56..5f8d3ab4fa73 100644
--- a/.grunt-config/webpack.packages.js
+++ b/.grunt-config/webpack.packages.js
@@ -8,6 +8,18 @@ const usingLocalRepo = process.env.ELEMENTOR_PACKAGES_USE_LOCAL;
 
 const packages = usingLocalRepo ? getLocalRepoPackagesEntries() : getNodeModulesPackagesEntries();
 
+const REGEXES = {
+	// @elementor/ui/SvgIcon. Used inside @elementor/icons
+	elementorPathImports: /^@elementor\/(ui|icons)\/(.+)$/,
+
+	// @elementor/editor
+	// We want to bundle `@elementor/design-tokens` inside the UI package since it's an internal thing.
+	elementorPackages: /^@elementor\/(?!design-tokens)(.+)$/,
+
+	// @wordpress/components
+	wordpressPackages: /^@wordpress\/(.+)$/,
+};
+
 const common = {
 	name: 'packages',
 	entry: Object.fromEntries(
@@ -37,9 +49,9 @@ const common = {
 		new GenerateWordPressAssetFileWebpackPlugin( {
 			handle: ( entryName ) => `elementor-v2-${entryName}`,
 			map: [
-				{ request: /^@elementor\/(ui|icons)(\/.+)?$/, handle: 'elementor-v2-$1' },
-				{ request: /^@elementor\/(.+)$/, handle: 'elementor-v2-$1' },
-				{ request: /^@wordpress\/(.+)$/, handle: 'wp-$1' },
+				{ request: REGEXES.elementorPathImports, handle: 'elementor-v2-$1' },
+				{ request: REGEXES.elementorPackages, handle: 'elementor-v2-$1' },
+				{ request: REGEXES.wordpressPackages, handle: 'wp-$1' },
 				{ request: 'react', handle: 'react' },
 				{ request: 'react-dom', handle: 'react-dom' },
 			]
@@ -47,9 +59,9 @@ const common = {
 		new ExternalizeWordPressAssetsWebpackPlugin( {
 			global: ( entryName ) => [ 'elementorV2', entryName ],
 			map: [
-				{ request: /^@elementor\/(ui|icons)\/(.+)$/, global: [ 'elementorV2', '$1', '$2' ] },
-				{ request: /^@elementor\/(.+)$/, global: [ 'elementorV2', '$1' ] },
-				{ request: /^@wordpress\/(.+)$/, global: [ 'wp', '$1' ] },
+				{ request: REGEXES.elementorPathImports, global: [ 'elementorV2', '$1', '$2' ] },
+				{ request: REGEXES.elementorPackages, global: [ 'elementorV2', '$1' ] },
+				{ request: REGEXES.wordpressPackages, global: [ 'wp', '$1' ] },
 				{ request: 'react', global: 'React' },
 				{ request: 'react-dom', global: 'ReactDOM' },
 			]
diff --git a/app/modules/kit-library/data/repository.php b/app/modules/kit-library/data/repository.php
index dcd39bb3846c..1af41580d9db 100644
--- a/app/modules/kit-library/data/repository.php
+++ b/app/modules/kit-library/data/repository.php
@@ -85,7 +85,7 @@ public function find( $id, $options = [] ) {
 			$manifest = $this->api->get_manifest( $id );
 
 			if ( is_wp_error( $manifest ) ) {
-				throw new WP_Error_Exception( $manifest );
+				throw new WP_Error_Exception( esc_html( $manifest ) );
 			}
 		}
 
@@ -128,7 +128,7 @@ public function get_download_link( $id ) {
 		$response = $this->api->download_link( $id );
 
 		if ( is_wp_error( $response ) ) {
-			throw new WP_Error_Exception( $response );
+			throw new WP_Error_Exception( esc_html( $response ) );
 		}
 
 		return [ 'download_link' => $response->download_link ];
@@ -204,7 +204,7 @@ private function get_kits_data( $force_api_request = false ) {
 			$data = $this->api->get_all( $args );
 
 			if ( is_wp_error( $data ) ) {
-				throw new WP_Error_Exception( $data );
+				throw new WP_Error_Exception( esc_html( $data ) );
 			}
 
 			set_transient( static::KITS_CACHE_KEY, $data, static::KITS_CACHE_TTL_HOURS * HOUR_IN_SECONDS );
@@ -225,7 +225,7 @@ private function get_taxonomies_data( $force_api_request = false ) {
 			$data = $this->api->get_taxonomies();
 
 			if ( is_wp_error( $data ) ) {
-				throw new WP_Error_Exception( $data );
+				throw new WP_Error_Exception( esc_html( $data ) );
 			}
 
 			set_transient( static::KITS_TAXONOMIES_CACHE_KEY, $data, static::KITS_TAXONOMIES_CACHE_TTL_HOURS * HOUR_IN_SECONDS );
diff --git a/app/modules/onboarding/module.php b/app/modules/onboarding/module.php
index e7d236c2610d..b93932c9145a 100644
--- a/app/modules/onboarding/module.php
+++ b/app/modules/onboarding/module.php
@@ -257,7 +257,7 @@ private function maybe_update_site_logo() {
 	private function maybe_upload_logo_image() {
 		$error_message = esc_html__( 'There was a problem uploading your file.', 'elementor' );
 
-		$file = Utils::get_super_global_value( $_FILES, 'fileToUpload' );
+		$file = Utils::get_super_global_value( $_FILES, 'fileToUpload' ); // phpcs:ignore WordPress.Security.NonceVerification.Missing
 
 		// phpcs:ignore WordPress.Security.NonceVerification.Missing
 		if ( ! is_array( $file ) || empty( $file['type'] ) ) {
@@ -342,7 +342,7 @@ private function upload_and_install_pro() {
 
 		$error_message = esc_html__( 'There was a problem uploading your file.', 'elementor' );
 
-		$file = Utils::get_super_global_value( $_FILES, 'fileToUpload' ) ?? [];
+		$file = Utils::get_super_global_value( $_FILES, 'fileToUpload' ) ?? []; // phpcs:ignore WordPress.Security.NonceVerification.Missing
 
 		// phpcs:ignore WordPress.Security.NonceVerification.Missing
 		if ( ! is_array( $file ) || empty( $file['type'] ) ) {
diff --git a/assets/dev/scss/frontend/widgets/text-editor.scss b/assets/dev/scss/frontend/widgets/text-editor.scss
index e7c37d01d866..e2af3103a2f9 100644
--- a/assets/dev/scss/frontend/widgets/text-editor.scss
+++ b/assets/dev/scss/frontend/widgets/text-editor.scss
@@ -26,7 +26,7 @@
 	&:not(.elementor-drop-cap-view-default) {
 
 		.elementor-drop-cap {
-			margin-top: 8px;
+			margin-block-start: 8px;
 
 			&-letter {
 				width: 1em;
@@ -36,7 +36,7 @@
 	}
 
 	.elementor-drop-cap {
-		float: $start;
+		float: inline-start;
 		text-align: center;
 		line-height: 1;
 		font-size: 50px;
diff --git a/changelog.txt b/changelog.txt
index 6c1e514d78ba..4685c5651f4b 100644
--- a/changelog.txt
+++ b/changelog.txt
@@ -1,5 +1,27 @@
 == Changelog ==
 
+= 3.27.0 - 2025-01-20 =
+
+* New: Introducing local loading of Google Fonts to improve performance and enhance user privacy ([#4544](https://github.com/elementor/elementor/issues/4544), [#19966](https://github.com/elementor/elementor/issues/19966), [#23932](https://github.com/elementor/elementor/issues/23932), [#21716](https://github.com/elementor/elementor/issues/21716))
+* New: Introducing advanced layout customization for Grid Container with column and row span controls for precise grid-based designs ([#25256](https://github.com/elementor/elementor/issues/25256))
+* New: Added the option to animate with AI motion effects for creating AI-generated animations
+* Tweak: Add 'YouTube shorts' support in the video widget ([#24220](https://github.com/elementor/elementor/issues/24220), [#20330](https://github.com/elementor/elementor/issues/20330))
+* Tweak: Added Safari browser compatibility for the 'Fit to Size' option in the Icon Widget ([#27679](https://github.com/elementor/elementor/issues/27679))
+* Tweak: Moved style loading to the head instead of the footer to improve CLS
+* Tweak: Enabled conditional loading of `Swiper.js` based on widget dependencies to reduce unnecessary assets and improve page load times
+* Tweak: Removed the `elementor-widget-container` div from the Spacer Widget as part of the Optimized Markup experiment to improve HTML structure
+* Tweak: Improved keyboard accessibility for the nested container presets area
+* Tweak: Added accessible and descriptive names to the icon link in the Icon Box widget
+* Tweak: Optimize background video CSS by merging `elementor-html5-video` and `elementor-background-video-hosted` into a single class
+* Tweak: Added the ability to disable the Element Cache
+* Tweak: Removed animation class when no animations are set in Icon and Icon Widget widgets
+* Tweak: Added support for captions on YouTube videos
+* Tweak: Removed the limitation restricting heading hover color styling to links only
+* Tweak: Removed `aspect-ratio` workaround for unsupported Safari browsers
+* Fix: Switching between images in a lightbox on responsive mode displayed a tall blue rectangle ([#12830](https://github.com/elementor/elementor/issues/12830))
+* Fix: Image editing tools with AI are not working when launched in WooCommerce
+* Fix: Improved HTML markup validity by removing the `type` attribute from `<script>` tags
+
 = 3.26.5 - 2025-01-15 =
 
 * Fix: Background Slideshow option not working for columns
diff --git a/data/v2/base/controller.php b/data/v2/base/controller.php
index dc8eed4c7e6e..42329dada9dc 100644
--- a/data/v2/base/controller.php
+++ b/data/v2/base/controller.php
@@ -224,7 +224,7 @@ public function get_permission_callback( $request ) {
 		}
 
 		if ( $result instanceof \WP_Error ) {
-			throw new WP_Error_Exception( $result );
+			throw new WP_Error_Exception( esc_html( $result ) );
 		}
 
 		return $result;
diff --git a/elementor.php b/elementor.php
index 5a2440ca43c9..e351654c5a37 100644
--- a/elementor.php
+++ b/elementor.php
@@ -3,10 +3,9 @@
  * Plugin Name: Elementor
  * Description: The Elementor Website Builder has it all: drag and drop page builder, pixel perfect design, mobile responsive editing, and more. Get started now!
  * Plugin URI: https://elementor.com/?utm_source=wp-plugins&utm_campaign=plugin-uri&utm_medium=wp-dash
- * Author: Elementor.com
  * Version: 3.28.0
+ * Author: Elementor.com
  * Author URI: https://elementor.com/?utm_source=wp-plugins&utm_campaign=author-uri&utm_medium=wp-dash
- *
  * Text Domain: elementor
  *
  * @package Elementor
@@ -52,7 +51,7 @@
 
 if ( ! version_compare( PHP_VERSION, '7.4', '>=' ) ) {
 	add_action( 'admin_notices', 'elementor_fail_php_version' );
-} elseif ( ! version_compare( get_bloginfo( 'version' ), '6.3', '>=' ) ) {
+} elseif ( ! version_compare( get_bloginfo( 'version' ), '6.5', '>=' ) ) {
 	add_action( 'admin_notices', 'elementor_fail_wp_version' );
 } else {
 	require ELEMENTOR_PATH . 'includes/plugin.php';
@@ -98,7 +97,7 @@ function elementor_fail_wp_version() {
 		sprintf(
 			/* translators: %s: WordPress version. */
 			esc_html__( 'Update to version %s and get back to creating!', 'elementor' ),
-			'6.3'
+			'6.5'
 		),
 		esc_html__( 'Show me how', 'elementor' )
 	);
diff --git a/includes/autoloader.php b/includes/autoloader.php
index 8ba5f07adbdd..6288c8dd1a37 100644
--- a/includes/autoloader.php
+++ b/includes/autoloader.php
@@ -150,6 +150,7 @@ private static function init_classes_map() {
 			'TemplateLibrary\Source_Base' => 'includes/template-library/sources/base.php',
 			'TemplateLibrary\Source_Local' => 'includes/template-library/sources/local.php',
 			'TemplateLibrary\Source_Remote' => 'includes/template-library/sources/remote.php',
+			'TemplateLibrary\Source_Cloud' => 'includes/template-library/sources/cloud.php',
 			'Tools' => 'includes/settings/tools.php',
 			'Container\Container' => 'includes/container/container.php',
 			'Tracker' => 'includes/tracker.php',
diff --git a/includes/editor-templates/templates.php b/includes/editor-templates/templates.php
index c4ef748a2581..93e8bb1fdd8a 100644
--- a/includes/editor-templates/templates.php
+++ b/includes/editor-templates/templates.php
@@ -240,7 +240,7 @@ class="elementor-template-library-template-action elementor-button go-pro"
 	<div class="elementor-template-library-blank-title">{{{ title }}}</div>
 	<div class="elementor-template-library-blank-message">{{{ description }}}</div>
 	<form id="elementor-template-library-save-template-form">
-		<input type="hidden" name="post_id" value="<?php echo get_the_ID(); ?>">
+		<input type="hidden" name="post_id" value="<?php echo esc_attr( get_the_ID() ); ?>">
 		<input id="elementor-template-library-save-template-name" name="title" placeholder="<?php echo esc_attr__( 'Enter Template Name', 'elementor' ); ?>" required>
 		<button id="elementor-template-library-save-template-submit" class="elementor-button e-primary">
 			<span class="elementor-state-icon">
diff --git a/includes/settings/settings.php b/includes/settings/settings.php
index 791abcff8304..1ae68222a4f1 100644
--- a/includes/settings/settings.php
+++ b/includes/settings/settings.php
@@ -2,7 +2,7 @@
 namespace Elementor;
 
 use Elementor\Core\Admin\Menu\Admin_Menu_Manager;
-use Elementor\Core\Settings\Manager as SettingsManager;
+use Elementor\Core\Files\Fonts\Google_Font;
 use Elementor\Includes\Settings\AdminMenuItems\Admin_Menu_Item;
 use Elementor\Includes\Settings\AdminMenuItems\Get_Help_Menu_Item;
 use Elementor\Includes\Settings\AdminMenuItems\Getting_Started_Menu_Item;
@@ -564,5 +564,7 @@ public function __construct() {
 			add_action( "add_option_{$option_name}", $clear_cache_callback );
 			add_action( "update_option_{$option_name}", $clear_cache_callback );
 		}
+
+		add_action( 'update_option_elementor_font_display', [ Google_Font::class, 'clear_cache' ] );
 	}
 }
diff --git a/includes/template-library/sources/cloud.php b/includes/template-library/sources/cloud.php
index 3d1e606ac838..445751e62356 100644
--- a/includes/template-library/sources/cloud.php
+++ b/includes/template-library/sources/cloud.php
@@ -19,7 +19,9 @@ public function get_title(): string {
 
 	public function register_data() {}
 
-	public function get_items( $args = [] ) {}
+	public function get_items( $args = [] ) {
+		return [];
+	}
 
 	public function get_item( $template_id ) {}
 
diff --git a/includes/utils.php b/includes/utils.php
index b35efb539d2d..ed962472b399 100644
--- a/includes/utils.php
+++ b/includes/utils.php
@@ -839,7 +839,7 @@ public static function get_super_global_value( $super_global, $key ) {
 			return null;
 		}
 
-		if ( $_FILES === $super_global ) {
+		if ( $_FILES === $super_global ) { // phpcs:ignore WordPress.Security.NonceVerification.Missing
 			return isset( $super_global[ $key ]['name'] ) ?
 				self::sanitize_file_name( $super_global[ $key ] ) :
 				self::sanitize_multi_upload( $super_global[ $key ] );
@@ -906,7 +906,7 @@ public static function safe_throw( string $message ) {
 			return;
 		}
 
-		throw new \Exception( $message );
+		throw new \Exception( esc_html( $message ) );
 	}
 
 	public static function has_invalid_post_permissions( $post ): bool {
diff --git a/includes/widgets/text-editor.php b/includes/widgets/text-editor.php
index d43933e8d0a5..c512503fb086 100644
--- a/includes/widgets/text-editor.php
+++ b/includes/widgets/text-editor.php
@@ -451,8 +451,7 @@ protected function register_controls() {
 					],
 				],
 				'selectors' => [
-					'body:not(.rtl) {{WRAPPER}} .elementor-drop-cap' => 'margin-right: {{SIZE}}{{UNIT}};',
-					'body.rtl {{WRAPPER}} .elementor-drop-cap' => 'margin-left: {{SIZE}}{{UNIT}};',
+					'{{WRAPPER}} .elementor-drop-cap' => 'margin-inline-end: {{SIZE}}{{UNIT}};',
 				],
 			]
 		);
diff --git a/modules/admin-bar/module.php b/modules/admin-bar/module.php
index e82ec7b494b1..f2ce8ebb2a8b 100644
--- a/modules/admin-bar/module.php
+++ b/modules/admin-bar/module.php
@@ -66,11 +66,12 @@ public function enqueue_scripts() {
 		);
 
 		// This is a core script of WordPress, it is not required to pass the 'ver' argument.
-		wp_enqueue_script( // phpcs:ignore WordPress.WP.EnqueuedResourceParameters
+		// We should add dependencies to make sure that 'elementor-admin-bar' is loaded before 'admin-bar'.
+		wp_enqueue_script(
 			'admin-bar',
 			null,
 			[ 'elementor-admin-bar' ],
-			false,
+			false, // phpcs:ignore WordPress.WP.EnqueuedResourceParameters
 			true
 		);
 
diff --git a/modules/atomic-widgets/assets/js/editor/div-block-view.js b/modules/atomic-widgets/assets/js/editor/div-block-view.js
index 063d92005440..ab8c1a8022a1 100644
--- a/modules/atomic-widgets/assets/js/editor/div-block-view.js
+++ b/modules/atomic-widgets/assets/js/editor/div-block-view.js
@@ -101,10 +101,27 @@ const DivBlockView = BaseElementView.extend( {
 		};
 	},
 
+	getDroppableAxis() {
+		if ( this.isHorizontalAxis() ) {
+			return 'horizontal';
+		}
+
+		return 'vertical';
+	},
+
+	isHorizontalAxis() {
+		const styles = window.getComputedStyle( this.$el[ 0 ] );
+
+		return 'flex' === styles.display &&
+			[ 'row', 'row-reverse' ].includes( styles.flexDirection );
+	},
+
 	getDroppableOptions() {
 		const items = '> .elementor-element, > .elementor-empty-view .elementor-first-add';
+		let $placeholder;
 
 		return {
+			axis: this.getDroppableAxis(),
 			items,
 			groups: [ 'elementor-element' ],
 			horizontalThreshold: 5,
@@ -171,9 +188,49 @@ const DivBlockView = BaseElementView.extend( {
 				// User is dragging an element from the panel.
 				this.onDrop( event, { at: newIndex } );
 			},
+			onDragging: ( side, event ) => {
+				if ( ! $placeholder ) {
+					$placeholder = this.$el.find( '.elementor-sortable-placeholder' );
+				}
+
+				if ( ! $placeholder.length ) {
+					return;
+				}
+
+				const currentTarget = event.currentTarget,
+					currentTargetHeight = currentTarget.getBoundingClientRect().height,
+					placeholderElement = $placeholder[ 0 ],
+					isNotBeforeSibling = currentTarget !== placeholderElement.previousElementSibling;
+
+				if ( 'horizontal' === this.getDroppableAxis() ) {
+					if ( isNotBeforeSibling ) {
+						this.handleDropSide( side, placeholderElement, currentTarget );
+					}
+
+					this.maybeShowCustomDropPlaceholder( $placeholder, currentTargetHeight );
+				} else {
+					$placeholder.removeAttr( 'style' );
+				}
+			},
 		};
 	},
 
+	handleDropSide( side, placeholderElement, currentTarget ) {
+		const insertMethod = [ 'top', 'left' ].includes( side ) ? 'before' : 'after';
+		currentTarget[ insertMethod ]( placeholderElement );
+	},
+
+	maybeShowCustomDropPlaceholder( $placeholder, currentTargetHeight ) {
+		if ( $placeholder.css( 'height' ) !== `${ currentTargetHeight }px` ) {
+			$placeholder.css( {
+				display: 'block',
+				height: `${ currentTargetHeight }px`,
+				'background-color': '#eb8efb',
+				width: '10px',
+			} );
+		}
+	},
+
 	getEditButtons() {
 		const elementData = elementor.getElementData( this.model ),
 			editTools = {};
diff --git a/modules/atomic-widgets/controls/section.php b/modules/atomic-widgets/controls/section.php
index 3c6282375392..bca09a8f4424 100644
--- a/modules/atomic-widgets/controls/section.php
+++ b/modules/atomic-widgets/controls/section.php
@@ -34,6 +34,12 @@ public function set_items( array $items ): self {
 		return $this;
 	}
 
+	public function add_item( $item ): self {
+		$this->items[] = $item;
+
+		return $this;
+	}
+
 	public function get_items() {
 		return $this->items;
 	}
diff --git a/modules/atomic-widgets/dynamic-tags/dynamic-prop-type.php b/modules/atomic-widgets/dynamic-tags/dynamic-prop-type.php
index 84139166cf49..0370803ac8a2 100644
--- a/modules/atomic-widgets/dynamic-tags/dynamic-prop-type.php
+++ b/modules/atomic-widgets/dynamic-tags/dynamic-prop-type.php
@@ -63,7 +63,10 @@ protected function sanitize_value( $value ): array {
 
 		$sanitized = Props_Parser::make( $tag['props_schema'] )->sanitize( $value['settings'] );
 
-		return $sanitized;
+		return [
+			'name' => $value['name'],
+			'settings' => $sanitized,
+		];
 	}
 
 	private function is_tag_in_supported_categories( array $tag ): bool {
diff --git a/modules/atomic-widgets/dynamic-tags/dynamic-tags-registry.php b/modules/atomic-widgets/dynamic-tags/dynamic-tags-editor-config.php
similarity index 68%
rename from modules/atomic-widgets/dynamic-tags/dynamic-tags-registry.php
rename to modules/atomic-widgets/dynamic-tags/dynamic-tags-editor-config.php
index aa068bb118d2..08c2fbdb8a0e 100644
--- a/modules/atomic-widgets/dynamic-tags/dynamic-tags-registry.php
+++ b/modules/atomic-widgets/dynamic-tags/dynamic-tags-editor-config.php
@@ -6,17 +6,22 @@
 use Elementor\Modules\AtomicWidgets\Controls\Types\Select_Control;
 use Elementor\Modules\AtomicWidgets\Controls\Types\Text_Control;
 use Elementor\Modules\AtomicWidgets\PropTypes\Contracts\Transformable_Prop_Type;
-use Elementor\Modules\AtomicWidgets\PropTypes\Primitives\String_Prop_Type;
 use Elementor\Plugin;
 
 if ( ! defined( 'ABSPATH' ) ) {
 	exit; // Exit if accessed directly.
 }
 
-class Dynamic_Tags_Registry {
+class Dynamic_Tags_Editor_Config {
+
+	private Dynamic_Tags_Schemas $schemas;
 
 	private ?array $tags = null;
 
+	public function __construct( Dynamic_Tags_Schemas $schemas ) {
+		$this->schemas = $schemas;
+	}
+
 	public function get_tags(): array {
 		if ( null !== $this->tags ) {
 			return $this->tags;
@@ -67,7 +72,7 @@ private function convert_dynamic_tag_to_atomic( $tag ) {
 			'label' => $tag['title'] ?? '',
 			'group' => $tag['group'] ?? '',
 			'atomic_controls' => [],
-			'props_schema' => [],
+			'props_schema' => $this->schemas->get( $tag['name'] ),
 		];
 
 		if ( ! isset( $tag['controls'] ) ) {
@@ -75,33 +80,31 @@ private function convert_dynamic_tag_to_atomic( $tag ) {
 		}
 
 		try {
-			$atomic_schema = $this->convert_controls_to_atomic( $tag['controls'], $tag['force_convert_to_atomic'] ?? false );
+			$atomic_controls = $this->convert_controls_to_atomic( $tag['controls'], $tag['force_convert_to_atomic'] ?? false );
 		} catch ( \Exception $e ) {
 			return null;
 		}
 
-		if ( ! $atomic_schema ) {
+		if ( null === $atomic_controls ) {
 			return null;
 		}
 
-		$converted_tag['atomic_controls'] = $atomic_schema['atomic_controls'];
-		$converted_tag['props_schema'] = $atomic_schema['props_schema'];
+		$converted_tag['atomic_controls'] = $atomic_controls;
 
 		return $converted_tag;
 	}
 
 	private function convert_controls_to_atomic( $controls, $force = false ) {
 		$atomic_controls = [];
-		$props_schema = [];
 
 		foreach ( $controls as $control ) {
 			if ( 'section' === $control['type'] ) {
 				continue;
 			}
 
-			$atomic_schema = $this->convert_control_to_atomic( $control );
+			$atomic_control = $this->convert_control_to_atomic( $control );
 
-			if ( ! $atomic_schema ) {
+			if ( ! $atomic_control ) {
 				if ( $force ) {
 					continue;
 				}
@@ -109,8 +112,6 @@ private function convert_controls_to_atomic( $controls, $force = false ) {
 				return null;
 			}
 
-			[ 'atomic_control' => $atomic_control, 'prop_schema' => $prop_schema ] = $atomic_schema;
-
 			$section_name = $control['section'];
 
 			if ( ! isset( $atomic_controls[ $section_name ] ) ) {
@@ -118,18 +119,10 @@ private function convert_controls_to_atomic( $controls, $force = false ) {
 					->set_label( $controls[ $section_name ]['label'] );
 			}
 
-			$section = $atomic_controls[ $section_name ];
-
-			$section->set_items( array_merge( $section->get_items(), [ $atomic_control ] ) );
-
-			$atomic_controls[ $section_name ] = $section;
-			$props_schema[ $control['name'] ] = $prop_schema;
+			$atomic_controls[ $section_name ] = $atomic_controls[ $section_name ]->add_item( $atomic_control );
 		}
 
-		return [
-			'atomic_controls' => array_values( $atomic_controls ),
-			'props_schema' => $props_schema,
-		];
+		return array_values( $atomic_controls );
 	}
 
 	private function convert_control_to_atomic( $control ) {
@@ -154,8 +147,8 @@ private function convert_control_to_atomic( $control ) {
 	/**
 	 * @param $control
 	 *
+	 * @return Select_Control
 	 * @throws \Exception If control is missing options.
-	 * @return array{ atomic_control: Select_Control, prop_schema: String_Prop_Type }
 	 */
 	private function convert_select_control_to_atomic( $control ) {
 		if ( empty( $control['options'] ) ) {
@@ -171,35 +164,18 @@ private function convert_select_control_to_atomic( $control ) {
 			$control['options']
 		);
 
-		$atomic_control = Select_Control::bind_to( $control['name'] )
+		return Select_Control::bind_to( $control['name'] )
 			->set_label( $control['label'] )
 			->set_options( $options );
-
-		$prop_schema = String_Prop_Type::make()
-			->enum( array_keys( $control['options'] ) )
-			->default( $control['default'] );
-
-		return [
-			'atomic_control' => $atomic_control,
-			'prop_schema' => $prop_schema,
-		];
 	}
 
 	/**
 	 * @param $control
 	 *
-	 * @return array{ atomic_control: Text_Control, prop_schema: String_Prop_Type }
+	 * @return Text_Control
 	 */
 	private function convert_text_control_to_atomic( $control ) {
-		$atomic_control = Text_Control::bind_to( $control['name'] )
+		return Text_Control::bind_to( $control['name'] )
 			->set_label( $control['label'] );
-
-		$prop_schema = String_Prop_Type::make()
-			->default( $control['default'] );
-
-		return [
-			'atomic_control' => $atomic_control,
-			'prop_schema' => $prop_schema,
-		];
 	}
 }
diff --git a/modules/atomic-widgets/dynamic-tags/dynamic-tags-module.php b/modules/atomic-widgets/dynamic-tags/dynamic-tags-module.php
index dfa51d058c36..813b0955539c 100644
--- a/modules/atomic-widgets/dynamic-tags/dynamic-tags-module.php
+++ b/modules/atomic-widgets/dynamic-tags/dynamic-tags-module.php
@@ -2,6 +2,7 @@
 
 namespace Elementor\Modules\AtomicWidgets\DynamicTags;
 
+use Elementor\Modules\AtomicWidgets\PropsResolver\Props_Resolver;
 use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers_Registry;
 use Elementor\Plugin;
 
@@ -13,10 +14,13 @@ class Dynamic_Tags_Module {
 
 	private static ?self $instance = null;
 
-	public Dynamic_Tags_Registry $registry;
+	public Dynamic_Tags_Editor_Config $registry;
+
+	private Dynamic_Tags_Schemas $schemas;
 
 	private function __construct() {
-		$this->registry = new Dynamic_Tags_Registry();
+		$this->schemas = new Dynamic_Tags_Schemas();
+		$this->registry = new Dynamic_Tags_Editor_Config( $this->schemas );
 	}
 
 	public static function instance( $fresh = false ): self {
@@ -44,7 +48,9 @@ public function register_hooks() {
 
 		add_action(
 			'elementor/atomic-widgets/settings/transformers/register',
-			fn ( $transformers ) => $this->register_transformers( $transformers )
+			fn ( $transformers, $prop_resolver ) => $this->register_transformers( $transformers, $prop_resolver ),
+			10,
+			2
 		);
 	}
 
@@ -59,10 +65,14 @@ private function add_atomic_dynamic_tags_to_editor_settings( $settings ) {
 		return $settings;
 	}
 
-	private function register_transformers( Transformers_Registry $transformers ) {
+	private function register_transformers( Transformers_Registry $transformers, Props_Resolver $props_resolver ) {
 		$transformers->register(
 			Dynamic_Prop_Type::get_key(),
-			new Dynamic_Transformer( Plugin::$instance->dynamic_tags )
+			new Dynamic_Transformer(
+				Plugin::$instance->dynamic_tags,
+				$this->schemas,
+				$props_resolver
+			)
 		);
 	}
 }
diff --git a/modules/atomic-widgets/dynamic-tags/dynamic-tags-schemas.php b/modules/atomic-widgets/dynamic-tags/dynamic-tags-schemas.php
new file mode 100644
index 000000000000..12b4974d14bb
--- /dev/null
+++ b/modules/atomic-widgets/dynamic-tags/dynamic-tags-schemas.php
@@ -0,0 +1,72 @@
+<?php
+
+namespace Elementor\Modules\AtomicWidgets\DynamicTags;
+
+use Elementor\Core\DynamicTags\Base_Tag;
+use Elementor\Modules\AtomicWidgets\PropTypes\Primitives\String_Prop_Type;
+use Elementor\Plugin;
+
+if ( ! defined( 'ABSPATH' ) ) {
+	exit; // Exit if accessed directly.
+}
+
+class Dynamic_Tags_Schemas {
+	private array $tags_schemas = [];
+
+	public function get( string $tag_name ) {
+		if ( isset( $this->tags_schemas[ $tag_name ] ) ) {
+			return $this->tags_schemas[ $tag_name ];
+		}
+
+		$tag = $this->get_tag( $tag_name );
+
+		$this->tags_schemas[ $tag_name ] = [];
+
+		foreach ( $tag->get_controls() as $control ) {
+			if ( ! isset( $control['type'] ) || 'section' === $control['type'] ) {
+				continue;
+			}
+
+			$prop_type = $this->convert_control_to_prop_type( $control );
+
+			if ( ! $prop_type ) {
+				continue;
+			}
+
+			$this->tags_schemas[ $tag_name ][ $control['name'] ] = $prop_type;
+		}
+
+		return $this->tags_schemas[ $tag_name ];
+	}
+
+	private function get_tag( string $tag_name ): Base_Tag {
+		$tag_info = Plugin::$instance->dynamic_tags->get_tag_info( $tag_name );
+
+		if ( ! $tag_info || empty( $tag_info['instance'] ) ) {
+			throw new \Exception( 'Tag not found' );
+		}
+
+		if ( ! $tag_info['instance'] instanceof Base_Tag ) {
+			throw new \Exception( 'Tag is not an instance of Tag' );
+		}
+
+		return $tag_info['instance'];
+	}
+
+	private function convert_control_to_prop_type( array $control ) {
+		$control_type = $control['type'];
+
+		if ( 'text' === $control_type ) {
+			return String_Prop_Type::make()
+				->default( $control['default'] ?? null );
+		}
+
+		if ( 'select' === $control_type ) {
+			return String_Prop_Type::make()
+				->default( $control['default'] ?? null )
+				->enum( array_keys( $control['options'] ?? [] ) );
+		}
+
+		return null;
+	}
+}
diff --git a/modules/atomic-widgets/dynamic-tags/dynamic-transformer.php b/modules/atomic-widgets/dynamic-tags/dynamic-transformer.php
index 58bf20cf541c..9b42e9361587 100644
--- a/modules/atomic-widgets/dynamic-tags/dynamic-transformer.php
+++ b/modules/atomic-widgets/dynamic-tags/dynamic-transformer.php
@@ -2,7 +2,8 @@
 
 namespace Elementor\Modules\AtomicWidgets\DynamicTags;
 
-use Elementor\Core\DynamicTags\Manager as Dynamic_Manager;
+use Elementor\Core\DynamicTags\Manager as Dynamic_Tags_Manager;
+use Elementor\Modules\AtomicWidgets\PropsResolver\Props_Resolver;
 use Elementor\Modules\AtomicWidgets\PropsResolver\Transformer_Base;
 
 if ( ! defined( 'ABSPATH' ) ) {
@@ -10,10 +11,18 @@
 }
 
 class Dynamic_Transformer extends Transformer_Base {
-	private Dynamic_Manager $dynamic_manager;
-
-	public function __construct( Dynamic_Manager $dynamic_manager ) {
-		$this->dynamic_manager = $dynamic_manager;
+	private Dynamic_Tags_Manager $dynamic_tags_manager;
+	private Dynamic_Tags_Schemas $dynamic_tags_schemas;
+	private Props_Resolver $props_resolver;
+
+	public function __construct(
+		Dynamic_Tags_Manager $dynamic_tags_manager,
+		Dynamic_Tags_Schemas $dynamic_tags_schemas,
+		Props_Resolver $props_resolver
+	) {
+		$this->dynamic_tags_manager = $dynamic_tags_manager;
+		$this->dynamic_tags_schemas = $dynamic_tags_schemas;
+		$this->props_resolver = $props_resolver;
 	}
 
 	public function transform( $value, $key ) {
@@ -25,10 +34,13 @@ public function transform( $value, $key ) {
 			throw new \Exception( 'Dynamic tag settings must be an array' );
 		}
 
-		return $this->dynamic_manager->get_tag_data_content(
-			null,
-			$value['name'],
+		$schema = $this->dynamic_tags_schemas->get( $value['name'] );
+
+		$settings = $this->props_resolver->resolve(
+			$schema,
 			$value['settings'] ?? []
 		);
+
+		return $this->dynamic_tags_manager->get_tag_data_content( null, $value['name'], $settings );
 	}
 }
diff --git a/modules/atomic-widgets/module.php b/modules/atomic-widgets/module.php
index 1f49824ae39b..b65e070f81fb 100644
--- a/modules/atomic-widgets/module.php
+++ b/modules/atomic-widgets/module.php
@@ -48,6 +48,7 @@
 use Elementor\Modules\AtomicWidgets\Widgets\Atomic_Heading;
 use Elementor\Modules\AtomicWidgets\Widgets\Atomic_Image;
 use Elementor\Modules\AtomicWidgets\Widgets\Atomic_Paragraph;
+use Elementor\Modules\AtomicWidgets\Widgets\Atomic_Svg;
 use Elementor\Modules\AtomicWidgets\Styles\Atomic_Widget_Styles;
 use Elementor\Modules\AtomicWidgets\Styles\Atomic_Styles;
 use Elementor\Modules\AtomicWidgets\Styles\Style_Schema;
@@ -124,6 +125,7 @@ private function register_widgets( Widgets_Manager $widgets_manager ) {
 		$widgets_manager->register( new Atomic_Heading() );
 		$widgets_manager->register( new Atomic_Image() );
 		$widgets_manager->register( new Atomic_Paragraph() );
+		$widgets_manager->register( new Atomic_Svg() );
 	}
 
 	private function register_elements( Elements_Manager $elements_manager ) {
diff --git a/modules/atomic-widgets/prop-types/background-image-overlay-prop-type.php b/modules/atomic-widgets/prop-types/background-image-overlay-prop-type.php
index f94c6472d5f0..8fc720c2ee53 100644
--- a/modules/atomic-widgets/prop-types/background-image-overlay-prop-type.php
+++ b/modules/atomic-widgets/prop-types/background-image-overlay-prop-type.php
@@ -3,6 +3,7 @@
 namespace Elementor\Modules\AtomicWidgets\PropTypes;
 
 use Elementor\Modules\AtomicWidgets\PropTypes\Base\Object_Prop_Type;
+use Elementor\Modules\AtomicWidgets\PropTypes\Primitives\String_Prop_Type;
 
 class Background_Image_Overlay_Prop_Type extends Object_Prop_Type {
 	public static function get_key(): string {
@@ -12,6 +13,7 @@ public static function get_key(): string {
 	protected function define_shape(): array {
 		return [
 			'image-src' => Image_Src_Prop_Type::make(),
+			'size' => String_Prop_Type::make()->enum( [ 'auto', 'cover', 'contain' ] ),
 		];
 	}
 }
diff --git a/modules/atomic-widgets/prop-types/concerns/has-atomic-base.php b/modules/atomic-widgets/prop-types/concerns/has-atomic-base.php
index 714fcce52736..077985d1cccd 100644
--- a/modules/atomic-widgets/prop-types/concerns/has-atomic-base.php
+++ b/modules/atomic-widgets/prop-types/concerns/has-atomic-base.php
@@ -75,7 +75,7 @@ private function parse_atomic_styles( array $styles ): array {
 			[ $is_valid, $sanitized_style, $errors ] = $style_parser->parse( $style );
 
 			if ( ! $is_valid ) {
-				throw new \Exception( 'Styles validation failed. Invalid keys: ' . join( ', ', $errors ) );
+				throw new \Exception( esc_html( 'Styles validation failed. Invalid keys: ' . join( ', ', $errors ) ) );
 			}
 
 			$styles[ $style_id ] = $sanitized_style;
@@ -91,7 +91,7 @@ private function parse_atomic_settings( array $settings ): array {
 		[ $is_valid, $parsed, $errors ] = $props_parser->parse( $settings );
 
 		if ( ! $is_valid ) {
-			throw new \Exception( 'Settings validation failed. Invalid keys: ' . join( ', ', $errors ) );
+			throw new \Exception( esc_html( 'Settings validation failed. Invalid keys: ' . join( ', ', $errors ) ) );
 		}
 
 		return $parsed;
diff --git a/modules/atomic-widgets/props-resolver/props-resolver.php b/modules/atomic-widgets/props-resolver/props-resolver.php
index 48e4e928579e..288597712d58 100644
--- a/modules/atomic-widgets/props-resolver/props-resolver.php
+++ b/modules/atomic-widgets/props-resolver/props-resolver.php
@@ -28,10 +28,10 @@ class Props_Resolver {
 	 */
 	private static array $instances = [];
 
-	private Transformers_Registry $transformers;
+	private Transformers_Registry $transformers_registry;
 
-	private function __construct( Transformers_Registry $transformers ) {
-		$this->transformers = $transformers;
+	private function __construct( Transformers_Registry $transformers_registry ) {
+		$this->transformers_registry = $transformers_registry;
 	}
 
 	public static function for_styles(): self {
@@ -44,11 +44,15 @@ public static function for_settings(): self {
 
 	private static function instance( string $context ): self {
 		if ( ! isset( self::$instances[ $context ] ) ) {
-			$registry = new Transformers_Registry();
+			$instance = new self( new Transformers_Registry() );
 
-			do_action( "elementor/atomic-widgets/$context/transformers/register", $registry );
+			self::$instances[ $context ] = $instance;
 
-			self::$instances[ $context ] = new self( $registry );
+			do_action(
+				"elementor/atomic-widgets/$context/transformers/register",
+				$instance->get_transformers_registry(),
+				$instance
+			);
 		}
 
 		return self::$instances[ $context ];
@@ -58,6 +62,10 @@ public static function reset(): void {
 		self::$instances = [];
 	}
 
+	public function get_transformers_registry(): Transformers_Registry {
+		return $this->transformers_registry;
+	}
+
 	public function resolve( array $schema, array $props ): array {
 		$resolved = [];
 
@@ -115,7 +123,7 @@ private function transform( $value, $key, Prop_Type $prop_type, int $depth = 0 )
 			);
 		}
 
-		$transformer = $this->transformers->get( $value['$$type'] );
+		$transformer = $this->transformers_registry->get( $value['$$type'] );
 
 		if ( ! ( $transformer instanceof Transformer_Base ) ) {
 			return null;
diff --git a/modules/atomic-widgets/props-resolver/transformers/styles/background-image-overlay-transformer.php b/modules/atomic-widgets/props-resolver/transformers/styles/background-image-overlay-transformer.php
index 5bb74e712a07..d61e175fec62 100644
--- a/modules/atomic-widgets/props-resolver/transformers/styles/background-image-overlay-transformer.php
+++ b/modules/atomic-widgets/props-resolver/transformers/styles/background-image-overlay-transformer.php
@@ -10,30 +10,34 @@
 
 class Background_Image_Overlay_Transformer extends Transformer_Base {
 	public function transform( $value, $key ) {
+		$default_position = '0% 0%';
 
-		if ( ! empty( $value['image-src']['id'] ) ) {
-			return $this->get_image_src_by_id( $value['image-src']['id'] );
+		if ( ! isset( $value['image-src'] ) ) {
+			return '';
 		}
 
-		if ( ! empty( $value['image-src']['url'] ) ) {
-			return $this->get_image_src_by_url( $value['image-src']['url'] );
+		$image_url = $this->get_image_url( $value['image-src'] );
+
+		if ( ! isset( $value['size'] ) ) {
+			return "url(\" $image_url \")";
 		}
 
-		throw new \Exception( 'Invalid image URL.' );
+		return 'url(" ' . $image_url . ' ") ' . $default_position . ' / ' . $value['size'];
 	}
 
-	private function get_image_src_by_id( $id ) {
-		$src = $this->get_image_url_by_id( $id );
-
-		return "url(\" $src \")";
-	}
+	private function get_image_url( $image_src ): string {
+		if ( ! empty( $image_src['id'] ) ) {
+			return $this->get_image_url_by_id( $image_src['id'] );
+		}
 
-	private function get_image_src_by_url( $url ) {
+		if ( empty( $image_src['url'] ) ) {
+			throw new \Exception( 'Invalid image URL.' );
+		}
 
-		return "url(\" $url \")";
+		return $image_src['url'];
 	}
 
-	private function get_image_url_by_id( $id ) {
+	private function get_image_url_by_id( $id ): string {
 		$image_src = wp_get_attachment_image_src(
 			(int) $id, 'full'
 		);
@@ -42,8 +46,8 @@ private function get_image_url_by_id( $id ) {
 			throw new \Exception( 'Cannot get image src.' );
 		}
 
-		[ $src ] = $image_src;
+		[ $image_url ] = $image_src;
 
-		return $src;
+		return $image_url;
 	}
 }
diff --git a/modules/atomic-widgets/widgets/atomic-svg.php b/modules/atomic-widgets/widgets/atomic-svg.php
new file mode 100644
index 000000000000..a9a3039a5430
--- /dev/null
+++ b/modules/atomic-widgets/widgets/atomic-svg.php
@@ -0,0 +1,72 @@
+<?php
+namespace Elementor\Modules\AtomicWidgets\Widgets;
+
+use Elementor\Modules\AtomicWidgets\PropTypes\Classes_Prop_Type;
+use Elementor\Modules\AtomicWidgets\PropTypes\Primitives\String_Prop_Type;
+use Elementor\Modules\AtomicWidgets\Base\Atomic_Widget_Base;
+use Elementor\Core\Utils\Svg\Svg_Sanitizer;
+
+if ( ! defined( 'ABSPATH' ) ) {
+	exit; // Exit if accessed directly.
+}
+
+class Atomic_Svg extends Atomic_Widget_Base {
+	public function get_name() {
+		return 'a-svg';
+	}
+
+	public function get_title() {
+		return esc_html__( 'Atomic SVG', 'elementor' );
+	}
+
+	public function get_icon() {
+		return 'eicon-shape';
+	}
+
+	protected function render() {
+		$settings = $this->get_atomic_settings();
+
+		if ( ! isset( $settings['svg'] ) ) {
+			return;
+		}
+
+		$svg = $settings['svg'];
+
+		$svg = new \WP_HTML_Tag_Processor( $svg );
+		if ( ! $svg->next_tag() ) {
+			return;
+		}
+
+		$this->set_svg_attributes( $svg, $settings );
+
+		$svg->add_class( $settings['classes'] ?? '' );
+
+		$valid_svg = ( new Svg_Sanitizer() )->sanitize( $svg->get_updated_html() );
+
+		// we need this line in order to render the svg, otherwise it will be rendered as a string
+		echo ( false === $valid_svg ) ? '' : $valid_svg; //phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
+	}
+
+	private function set_svg_attributes( $svg, $settings ) {
+		$svg->set_attribute( 'fill', $settings['color'] ?? 'currentColor' );
+		$svg->set_attribute( 'width', $settings['width'] ?? '100%' );
+		$svg->set_attribute( 'height', $settings['height'] ?? '100%' );
+	}
+
+	protected function define_atomic_controls(): array {
+		return [];
+	}
+
+	protected static function define_props_schema(): array {
+		return [
+			'classes' => Classes_Prop_Type::make()
+				->default( [] ),
+			'svg' => String_Prop_Type::make()
+				->default( '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M.361 256C.361 397 114 511 255 511C397 511 511 397 511 256C511 116 397 2.05 255 2.05C114 2.05 .361 116 .361 256zM192 150V363H149V150H192zM234 150H362V193H234V150zM362 235V278H234V235H362zM234 320H362V363H234V320z"/></svg>' ),
+			'width' => String_Prop_Type::make()
+				->default( '100%' ),
+			'height' => String_Prop_Type::make()
+				->default( '100%' ),
+		];
+	}
+}
diff --git a/modules/favorites/module.php b/modules/favorites/module.php
index 136e9f1a1396..4f58c3db4d98 100755
--- a/modules/favorites/module.php
+++ b/modules/favorites/module.php
@@ -240,9 +240,9 @@ protected function store() {
 	 * @param string $action
 	 */
 	public function action_doesnt_exists( $action ) {
-		throw new \InvalidArgumentException( sprintf(
+		throw new \InvalidArgumentException( sprintf( esc_html(
 			"Action '%s' to apply on favorites doesn't exists",
 			$action
-		) );
+		)) );
 	}
 }
diff --git a/modules/styleguide/assets/scss/styleguide.scss b/modules/styleguide/assets/scss/editor.scss
similarity index 100%
rename from modules/styleguide/assets/scss/styleguide.scss
rename to modules/styleguide/assets/scss/editor.scss
diff --git a/modules/styleguide/module.php b/modules/styleguide/module.php
index af6102a07f17..ddd2d3cedd0f 100644
--- a/modules/styleguide/module.php
+++ b/modules/styleguide/module.php
@@ -91,7 +91,7 @@ public function enqueue_app_initiator( $is_preview = false ) {
 	public function enqueue_styles() {
 		wp_enqueue_style(
 			static::ASSETS_HANDLE,
-			$this->get_css_assets_url( 'modules/' . static::ASSETS_SRC . '/' . static::ASSETS_SRC ),
+			$this->get_css_assets_url( 'modules/styleguide/editor' ),
 			[],
 			ELEMENTOR_VERSION
 		);
diff --git a/package-lock.json b/package-lock.json
index f10ed569f0fe..c13e2d6cea37 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -32,7 +32,7 @@
 				"@elementor/schema": "0.1.2",
 				"@elementor/session": "0.1.0",
 				"@elementor/store": "0.8.6",
-				"@elementor/ui": "1.23.0",
+				"@elementor/ui": "1.23.3",
 				"@elementor/utils": "0.3.0",
 				"@elementor/wp-media": "0.2.3",
 				"@reach/router": "1.3.4",
@@ -2545,6 +2545,11 @@
 				"@jridgewell/sourcemap-codec": "^1.4.10"
 			}
 		},
+		"node_modules/@elementor/design-tokens": {
+			"version": "1.1.4",
+			"resolved": "https://registry.npmjs.org/@elementor/design-tokens/-/design-tokens-1.1.4.tgz",
+			"integrity": "sha512-rr8xsDDNFVbqSq+d2nGNi4VGnRb1tVHS5nvrqA0SnQAhFmF+oXp2xvSLdkdlEcXoHnW0mV+IY1ktqSYCerLUbw=="
+		},
 		"node_modules/@elementor/editor": {
 			"version": "0.17.2",
 			"resolved": "https://registry.npmjs.org/@elementor/editor/-/editor-0.17.2.tgz",
@@ -2942,10 +2947,11 @@
 			}
 		},
 		"node_modules/@elementor/ui": {
-			"version": "1.23.0",
-			"resolved": "https://registry.npmjs.org/@elementor/ui/-/ui-1.23.0.tgz",
-			"integrity": "sha512-vJAB5BFTbjZiY8f4K5WiQG3AsTfVJFJWXuLieoNmXeCZAorcHuwhNScho8KwT5io6CpZ0qjfiY4OPnsZfoMPgQ==",
+			"version": "1.23.3",
+			"resolved": "https://registry.npmjs.org/@elementor/ui/-/ui-1.23.3.tgz",
+			"integrity": "sha512-91G+9j3FwnBjfJWkIyIJtF0oXIaJJmzNk+qGqMZlztcCwtI9SiC5ECww7wfLgIN/wIRjESMJnDXN/njIFDp7Lg==",
 			"dependencies": {
+				"@elementor/design-tokens": "^1.1.4",
 				"@emotion/cache": "11.13.0",
 				"@emotion/react": "11.13.0",
 				"@emotion/styled": "11.13.0",
diff --git a/package.json b/package.json
index deb2d550121b..2ac538b23eb2 100644
--- a/package.json
+++ b/package.json
@@ -146,7 +146,7 @@
 		"@elementor/schema": "0.1.2",
 		"@elementor/store": "0.8.6",
 		"@elementor/session": "0.1.0",
-		"@elementor/ui": "1.23.0",
+		"@elementor/ui": "1.23.3",
 		"@elementor/utils": "0.3.0",
 		"@elementor/wp-media": "0.2.3",
 		"@reach/router": "1.3.4",
diff --git a/readme.txt b/readme.txt
index 57710b6ed04a..cb7e63596377 100644
--- a/readme.txt
+++ b/readme.txt
@@ -1,7 +1,7 @@
 === Elementor Website Builder - More Than Just a Page Builder ===
 Contributors: elemntor
 Tags: page builder, editor, landing page, drag-and-drop, elementor,
-Requires at least: 6.3
+Requires at least: 6.5
 Tested up to: 6.7
 Requires PHP: 7.4
 Stable tag: 3.12.1
@@ -254,7 +254,7 @@ Join a global community that helps each other achieve their goals.
 
 = Minimum Requirements =
 
-* WordPress 6.3 or greater
+* WordPress 6.5 or greater
 * PHP version 7.4 or greater
 * MySQL version 5.0 or greater
 
@@ -346,6 +346,28 @@ You can also add a new language via [translate.wordpress.org](https://go.element
 
 == Changelog ==
 
+= 3.27.0 - 2025-01-20 =
+
+* New: Introducing local loading of Google Fonts to improve performance and enhance user privacy ([#4544](https://github.com/elementor/elementor/issues/4544), [#19966](https://github.com/elementor/elementor/issues/19966), [#23932](https://github.com/elementor/elementor/issues/23932), [#21716](https://github.com/elementor/elementor/issues/21716))
+* New: Introducing advanced layout customization for Grid Container with column and row span controls for precise grid-based designs ([#25256](https://github.com/elementor/elementor/issues/25256))
+* New: Added the option to animate with AI motion effects for creating AI-generated animations
+* Tweak: Add 'YouTube shorts' support in the video widget ([#24220](https://github.com/elementor/elementor/issues/24220), [#20330](https://github.com/elementor/elementor/issues/20330))
+* Tweak: Added Safari browser compatibility for the 'Fit to Size' option in the Icon Widget ([#27679](https://github.com/elementor/elementor/issues/27679))
+* Tweak: Moved style loading to the head instead of the footer to improve CLS
+* Tweak: Enabled conditional loading of `Swiper.js` based on widget dependencies to reduce unnecessary assets and improve page load times
+* Tweak: Removed the `elementor-widget-container` div from the Spacer Widget as part of the Optimized Markup experiment to improve HTML structure
+* Tweak: Improved keyboard accessibility for the nested container presets area
+* Tweak: Added accessible and descriptive names to the icon link in the Icon Box widget
+* Tweak: Optimize background video CSS by merging `elementor-html5-video` and `elementor-background-video-hosted` into a single class
+* Tweak: Added the ability to disable the Element Cache
+* Tweak: Removed animation class when no animations are set in Icon and Icon Widget widgets
+* Tweak: Added support for captions on YouTube videos
+* Tweak: Removed the limitation restricting heading hover color styling to links only
+* Tweak: Removed `aspect-ratio` workaround for unsupported Safari browsers
+* Fix: Switching between images in a lightbox on responsive mode displayed a tall blue rectangle ([#12830](https://github.com/elementor/elementor/issues/12830))
+* Fix: Image editing tools with AI are not working when launched in WooCommerce
+* Fix: Improved HTML markup validity by removing the `type` attribute from `<script>` tags
+
 = 3.26.5 - 2025-01-15 =
 
 * Fix: Background Slideshow option not working for columns
diff --git a/ruleset.xml b/ruleset.xml
index d57077c1d6d3..c81c826573c7 100644
--- a/ruleset.xml
+++ b/ruleset.xml
@@ -13,6 +13,7 @@
 	<exclude-pattern>build/</exclude-pattern>
 	<exclude-pattern>node_modules/</exclude-pattern>
 	<exclude-pattern>includes/libraries/</exclude-pattern>
+	<exclude-pattern>assets/js/packages/</exclude-pattern>
 	<exclude-pattern>tests/*.php</exclude-pattern>
 
 	<rule ref="Generic.Arrays.DisallowLongArraySyntax" />
diff --git a/tests/elements-regression/playwright.config.ts b/tests/elements-regression/playwright.config.ts
index afac97ca747d..add218c7463d 100644
--- a/tests/elements-regression/playwright.config.ts
+++ b/tests/elements-regression/playwright.config.ts
@@ -21,7 +21,7 @@ export default defineConfig( {
 		toHaveScreenshot: { maxDiffPixelRatio: 0.03 },
 	},
 	forbidOnly: !! process.env.CI,
-	retries: process.env.CI ? 1 : 0,
+	retries: process.env.CI ? 9 : 0,
 	workers: process.env.CI ? 3 : 5,
 	fullyParallel: true,
 	reporter: process.env.CI ? [
diff --git a/tests/phpunit/elementor/modules/atomic-widgets/__snapshots__/Test_Atomic_Svg__test__render_paragraph__1.txt b/tests/phpunit/elementor/modules/atomic-widgets/__snapshots__/Test_Atomic_Svg__test__render_paragraph__1.txt
new file mode 100644
index 000000000000..af7b1c73d8ab
--- /dev/null
+++ b/tests/phpunit/elementor/modules/atomic-widgets/__snapshots__/Test_Atomic_Svg__test__render_paragraph__1.txt
@@ -0,0 +1 @@
+			<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" height="100%" width="100%" viewBox="0 0 512 512"><path d="M.361 256C.361 397 114 511 255 511C397 511 511 397 511 256C511 116 397 2.05 255 2.05C114 2.05 .361 116 .361 256zM192 150V363H149V150H192zM234 150H362V193H234V150zM362 235V278H234V235H362zM234 320H362V363H234V320z"></path></svg>		
\ No newline at end of file
diff --git a/tests/phpunit/elementor/modules/atomic-widgets/dynamic-tags/test-dynamic-prop-type.php b/tests/phpunit/elementor/modules/atomic-widgets/dynamic-tags/test-dynamic-prop-type.php
index a2c499c4d181..dc30fcbcbbf3 100644
--- a/tests/phpunit/elementor/modules/atomic-widgets/dynamic-tags/test-dynamic-prop-type.php
+++ b/tests/phpunit/elementor/modules/atomic-widgets/dynamic-tags/test-dynamic-prop-type.php
@@ -65,6 +65,43 @@ public function test_validate() {
 		$this->assertTrue( $result );
 	}
 
+	public function test_sanitize() {
+		// Arrange.
+		$prop_type = Dynamic_Prop_Type::make()->categories( [ V1DynamicTags::TEXT_CATEGORY ] );
+
+		$dynamic_tag = new Mock_Dynamic_Tag();
+
+		Plugin::$instance->dynamic_tags->register( $dynamic_tag );
+
+		Dynamic_Tags_Module::fresh();
+
+		// Act.
+		$result = $prop_type->sanitize( [
+			'$$type' => 'dynamic',
+			'value' => [
+				'name' => 'mock-dynamic-tag',
+				'settings' => [
+					'mock-control-1' => [ '$$type' => 'string', 'value' => '<script>console.log("Hack!")</script>mock-value-1' ],
+					'not-in-schema' => [ '$$type' => 'string', 'value' => 'Not in schema' ],
+				],
+			],
+		] );
+
+		// Assert.
+		$this->assertEquals(
+			$result,
+			[
+				'$$type' => 'dynamic',
+				'value' => [
+					'name' => 'mock-dynamic-tag',
+					'settings' => [
+						'mock-control-1' => [ '$$type' => 'string', 'value' => 'mock-value-1' ],
+					],
+				],
+			]
+		);
+	}
+
 	/**
 	 * @dataProvider invalid_value_data_provider
 	 */
diff --git a/tests/phpunit/elementor/modules/atomic-widgets/styles/__snapshots__/Test_Styles_Renderer__test_render__style_with_background_overlay_transformers__1.txt b/tests/phpunit/elementor/modules/atomic-widgets/styles/__snapshots__/Test_Styles_Renderer__test_render__style_with_background_overlay_transformers__1.txt
index 763477bd15f3..846958a81b9f 100644
--- a/tests/phpunit/elementor/modules/atomic-widgets/styles/__snapshots__/Test_Styles_Renderer__test_render__style_with_background_overlay_transformers__1.txt
+++ b/tests/phpunit/elementor/modules/atomic-widgets/styles/__snapshots__/Test_Styles_Renderer__test_render__style_with_background_overlay_transformers__1.txt
@@ -1 +1 @@
-.test-background-overlay{background:linear-gradient(blue, blue),url(" https://example.com/image.jpg ");}
\ No newline at end of file
+.test-background-overlay{background:linear-gradient(blue, blue),url(" https://example.com/image.jpg ") 0% 0% / contain;}
\ No newline at end of file
diff --git a/tests/phpunit/elementor/modules/atomic-widgets/styles/__snapshots__/Test_Styles_Renderer__test_render__style_with_nested_background_image_transformers__1.txt b/tests/phpunit/elementor/modules/atomic-widgets/styles/__snapshots__/Test_Styles_Renderer__test_render__style_with_nested_background_image_transformers__1.txt
index 4aac01c047e0..ab015868f7f0 100644
--- a/tests/phpunit/elementor/modules/atomic-widgets/styles/__snapshots__/Test_Styles_Renderer__test_render__style_with_nested_background_image_transformers__1.txt
+++ b/tests/phpunit/elementor/modules/atomic-widgets/styles/__snapshots__/Test_Styles_Renderer__test_render__style_with_nested_background_image_transformers__1.txt
@@ -1 +1 @@
-.test-style{background:linear-gradient(blue, blue),url(" https://example.com/image.jpg ") red;}
\ No newline at end of file
+.test-style{background:linear-gradient(blue, blue),url(" https://example.com/image.jpg ") 0% 0% / cover red;}
\ No newline at end of file
diff --git a/tests/phpunit/elementor/modules/atomic-widgets/styles/__snapshots__/Test_Styles_Renderer__test_render__style_with_nested_background_transformers__1.txt b/tests/phpunit/elementor/modules/atomic-widgets/styles/__snapshots__/Test_Styles_Renderer__test_render__style_with_nested_background_transformers__1.txt
index 4aac01c047e0..2c6f6fd24b74 100644
--- a/tests/phpunit/elementor/modules/atomic-widgets/styles/__snapshots__/Test_Styles_Renderer__test_render__style_with_nested_background_transformers__1.txt
+++ b/tests/phpunit/elementor/modules/atomic-widgets/styles/__snapshots__/Test_Styles_Renderer__test_render__style_with_nested_background_transformers__1.txt
@@ -1 +1 @@
-.test-style{background:linear-gradient(blue, blue),url(" https://example.com/image.jpg ") red;}
\ No newline at end of file
+.test-style{background:linear-gradient(blue, blue),url(" https://example.com/image.jpg ") 0% 0% / auto red;}
\ No newline at end of file
diff --git a/tests/phpunit/elementor/modules/atomic-widgets/styles/test-styles-renderer.php b/tests/phpunit/elementor/modules/atomic-widgets/styles/test-styles-renderer.php
index 70cba6123355..d3b19302b9f9 100644
--- a/tests/phpunit/elementor/modules/atomic-widgets/styles/test-styles-renderer.php
+++ b/tests/phpunit/elementor/modules/atomic-widgets/styles/test-styles-renderer.php
@@ -423,7 +423,8 @@ public function test_render__style_with_nested_background_transformers() {
 															],
 															'url' => null
 														],
-													]
+													],
+													'size' => 'auto',
 												]
 											],
 										],
@@ -483,7 +484,8 @@ public function test_render__style_with_nested_background_image_transformers() {
 															'id' => null,
 															'url' => 'https://example.com/image.jpg',
 														],
-													]
+													],
+													'size' => 'cover',
 												]
 											],
 										],
@@ -595,7 +597,8 @@ public function test_render__style_with_background_overlay_transformers() {
 															],
 															'url' => null,
 														],
-													]
+													],
+													'size' => 'contain',
 												]
 											],
 										],
diff --git a/tests/phpunit/elementor/modules/atomic-widgets/test-atomic-svg.php b/tests/phpunit/elementor/modules/atomic-widgets/test-atomic-svg.php
new file mode 100644
index 000000000000..e21b21c8cda8
--- /dev/null
+++ b/tests/phpunit/elementor/modules/atomic-widgets/test-atomic-svg.php
@@ -0,0 +1,33 @@
+<?php
+
+use Elementor\Plugin;
+use ElementorEditorTesting\Elementor_Test_Base;
+use Spatie\Snapshots\MatchesSnapshots;
+
+class Test_Atomic_Svg extends Elementor_Test_Base {
+	use MatchesSnapshots;
+	const MOCK = [
+		'id' => 'abcd123',
+		'elType' => 'widget',
+		'settings' => [],
+		'widgetType' => 'a-svg',
+	];
+
+	protected $instance;
+
+	public function setUp(): void {
+		parent::setUp();
+
+		$this->instance = Plugin::$instance->elements_manager->create_element_instance( self::MOCK );
+	}
+
+	public function test__render_paragraph(): void {
+		// Act.
+		ob_start();
+		$this->instance->render_content();
+		$rendered_output = ob_get_clean();
+
+		// Assert.
+		$this->assertMatchesSnapshot( $rendered_output );
+	}
+}
diff --git a/tests/phpunit/elementor/modules/atomic-widgets/test-atomic-widget-base.php b/tests/phpunit/elementor/modules/atomic-widgets/test-atomic-widget-base.php
index 4ae09d36443b..aa7e8e932e9f 100644
--- a/tests/phpunit/elementor/modules/atomic-widgets/test-atomic-widget-base.php
+++ b/tests/phpunit/elementor/modules/atomic-widgets/test-atomic-widget-base.php
@@ -152,7 +152,14 @@ public function get_atomic_settings_data_provider() {
 							'value' => [
 								'name' => 'dynamic-tag',
 								'settings' => [
-									'before' => 'Before text - '
+									'before' => [
+										'$$type' => 'string',
+										'value' => 'Before text - ',
+									],
+									'not-in-schema' => [
+										'$$type' => 'string',
+										'value' => 'Not in schema',
+									],
 								],
 							],
 						],
@@ -1341,7 +1348,8 @@ public function test_get_data_for_save__throws_on_styles_background_color_overla
 																],
 																'url' => null
 															],
-														]
+														],
+														'size' => 'cover',
 													]
 												],
 											],
diff --git a/tests/playwright/playwright.config.ts b/tests/playwright/playwright.config.ts
index c2740351b8c7..c306fcdf00e7 100644
--- a/tests/playwright/playwright.config.ts
+++ b/tests/playwright/playwright.config.ts
@@ -21,7 +21,7 @@ export default defineConfig( {
 		toHaveScreenshot: { maxDiffPixelRatio: 0.03 },
 	},
 	forbidOnly: !! process.env.CI,
-	retries: process.env.CI ? 1 : 0,
+	retries: process.env.CI ? 9 : 0,
 	workers: process.env.CI ? 2 : 1,
 	fullyParallel: false,
 	reporter: process.env.CI
diff --git a/tests/playwright/sanity/translations.languages.ts b/tests/playwright/sanity/translations.languages.ts
new file mode 100644
index 000000000000..c8131414d3ae
--- /dev/null
+++ b/tests/playwright/sanity/translations.languages.ts
@@ -0,0 +1,18 @@
+export const testCaseslanguages = [
+	{
+		language: 'he_IL',
+		buttonText: 'פרסם',
+	},
+	{
+		language: 'en_NZ',
+		buttonText: 'Publish',
+	},
+	{
+		language: 'de_DE',
+		buttonText: 'Veröffentlichen',
+	},
+	{
+		language: 'fr_BE',
+		buttonText: 'Publier',
+	},
+];
diff --git a/tests/playwright/sanity/translations.test.ts b/tests/playwright/sanity/translations.test.ts
new file mode 100644
index 000000000000..9aea8f58bb0e
--- /dev/null
+++ b/tests/playwright/sanity/translations.test.ts
@@ -0,0 +1,42 @@
+import { parallelTest as test } from '../parallelTest';
+import WpAdminPage from '../pages/wp-admin-page';
+import { expect } from '@playwright/test';
+import EditorPage from '../pages/editor-page';
+import { testCaseslanguages } from './translations.languages';
+
+test.describe( 'Test site translation for different languages', () => {
+	testCaseslanguages.forEach( ( languageObj ) => {
+		test( `Test of site translation for language ${ languageObj.language }`, async ( { browser, apiRequests }, testInfo ) => {
+			// Arrange.
+			const context = await browser.newContext();
+			const page = await context.newPage();
+			const wpAdmin = new WpAdminPage( page, testInfo, apiRequests );
+			const editor = new EditorPage( page, testInfo );
+			const translationButton = 'Form[name=upgrade-translations] input[type=submit]';
+
+			// Act
+			await wpAdmin.setSiteLanguage( languageObj.language );
+			await page.goto( '/wp-admin/update-core.php' );
+			await page.locator( '.update-last-checked' ).click();
+			if ( await page.locator( translationButton ).isVisible() ) {
+				await page.locator( translationButton ).click();
+				await page.waitForLoadState( 'networkidle' );
+			}
+			await wpAdmin.openNewPage();
+			await editor.closeNavigatorIfOpen();
+			const publishButton = page.locator( 'button.MuiButton-root' ).nth( 1 );
+
+			// Assert.
+			await expect( publishButton ).toHaveText( languageObj.buttonText );
+			await page.close();
+		} );
+	} );
+} );
+
+test.afterAll( async ( { browser, apiRequests }, testInfo ) => {
+	// Reset to default language (English)
+	const context = await browser.newContext();
+	const page = await context.newPage();
+	const wpAdmin = new WpAdminPage( page, testInfo, apiRequests );
+	await wpAdmin.setSiteLanguage( '' );
+} );