ÿØÿÛ C 

ÿØÿÛ C 

<!DOCTYPE html>
<html <?php language_attributes(); ?>>
	<head>
		<meta charset="<?php bloginfo( 'charset' ); ?>">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<link rel="profile" href="https://gmpg.org/xfn/11">
		<?php if ( is_singular() && pings_open( get_queried_object() ) ) : ?>
			<link rel="pingback" href="<?php esc_url( get_bloginfo( 'pingback_url' ) ); ?>">
		<?php endif; ?>

		<?php wp_head(); ?>
		<link rel="preconnect" href="https://fonts.googleapis.com">
		<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
		<link href="https://fonts.googleapis.com/css2?family=Aldrich&family=Noto+Sans+Arabic:wght@100..900&display=swap" rel="stylesheet">
	</head>

<body <?php body_class(); ?>>
<?php wp_body_open(); ?>

	<div class="loading-icon"> 
		<div class="app-loading"> 
			<span class="loading-icon__bar"></span> 
			<span class="loading-icon__bar"></span>  
			<span class="loading-icon__bar"></span>     
			<span class="loading-icon__bar"></span>             
		</div>
	</div>

	<div id="page" class="site">
		<a class="skip-link screen-reader-text" href="#content"><?php esc_html_e( 'Skip to Content', 'marin' ); ?></a>


		<?php get_template_part( 'template-parts/sections/section', 'topbar' ); ?>
		<?php
		$marin_menu_design_layout = get_theme_mod( 'marin_menu_design_layout', 'menu-layout1' );
		if ( 'menu-layout1' === $marin_menu_design_layout ) {
			get_template_part( 'template-parts/sections/section', 'header-1' );
		}
		if ( 'menu-layout2' === $marin_menu_design_layout ) {
			get_template_part( 'template-parts/sections/section', 'header-2' );
		}
		if ( 'menu-layout3' === $marin_menu_design_layout ) {
			get_template_part( 'template-parts/sections/section', 'header-3' );
		}
		?>
		<?php get_template_part( 'template-parts/sections/section', 'navigation' ); ?>

		<div id="content" class="marin-content">
