Load Elementor styles on all pages in the head to avoid CSS files being loaded in the footer

elementorcssinhead.php

<?php
/**
 * Load Elementor styles on all pages in the head to avoid CSS files being loaded in the footer
 */
function elementor_css_in_head(){
	if(class_exists('\Elementor\Plugin')){
		$elementor =  \Elementor\Plugin::instance();
		$elementor->frontend->enqueue_styles();
	}
	if(class_exists('\ElementorPro\Plugin')){
		$elementor =  \ElementorPro\Plugin::instance();
		$elementor->enqueue_styles();
	}
	if(class_exists('\Elementor\Post_CSS_File')){
		$elementor_page_id = 3167; // Elementor page ID serving as a template (for a header or footer)

		$css_file = new \Elementor\Post_CSS_File( $elementor_page_id );
		$css_file->enqueue();
	}
}
add_action( 'wp_enqueue_scripts', 'elementor_css_in_head' );

Actually here is a new docs here https://elementor.com/help/dealing-with-flickers-fouc/

thanks for your code.
\Elementor\Post_CSS_File need \Elementor\Core\Files\CSS\Post