/* =========================================================================
   arkiz-style.css - extracted from inline arkiz-style-inline-css block in contact/index.html
   ========================================================================= */
		/* Header transparent pour contact.html */
		* {
			backdrop-filter: none !important;
			-webkit-backdrop-filter: none !important;
		}

		/* FORCER HEADER NOIR PAR DÉFAUT SUR CONTACT - ÉVITER LES CONFLITS */
		.site-header .header-wrap:before,
		.site-header .header-wrap,
		.site-header .header-wrap-inner {
			background: #000000 !important;
			opacity: 1 !important;
		}

		/* FORCER MENU BLANC PAR DÉFAUT */
		.site-header .nav-menu a {
			color: #ffffff !important;
		}

		/* FORCER ITEM ACTIF "CONTACT" EN NOIR POUR ÊTRE VISIBLE */
		.site-header .nav-menu .current-menu-item a {
			color: #000000 !important;
		}

		/* FORCER LOGO BLANC PAR DÉFAUT */
		.site-header .logo-image {
			filter: brightness(0) invert(1) !important;
		}

		/* FORCER BOUTON LANGUE BLANC PAR DÉFAUT */
		.aboutus-language-btn {
			color: #ffffff !important;
		}

		/* Hover menu comme africa.html - texte noir sur fond blanc */
		@media screen and (min-width: 992px) {

			html .nav-menu>ul>li>a:hover,
			.nav-menu>ul>li.has-submenu:hover>a {
				color: #000000 !important;
			}
		}

		/* Soulignement blanc au hover comme africa.html */
		@media screen and (min-width: 992px) {

			html.loaded .nav-menu ul li a .link-text:before,
			.nav-menu li.has-submenu:hover>a .link-text:before {
				background-color: #ffffff !important;
				border-color: #ffffff !important;
			}
		}

		/* Styles pour la section de contact - version corrigée */
		.contact-section {
			max-width: 1400px;
			margin: 80px auto;
			text-align: center;
			padding: 40px;
		}

		/* Aligner le bloc "CONTACT US" (haut du footer) à gauche uniquement sur cette page */
		[data-id="453d9df"],
		[data-id="453d9df"] .qodef-m-title {
			text-align: left !important;
			justify-content: flex-start !important;
		}

		/* S'assurer que les mots de l'animation ne restent pas centrés */
		[data-id="453d9df"] .qodef-m-title .qodef-e-word {
			display: inline-block;
		}

		.subtitle {
			display: block;
			color: #a67c52;
			font-size: 14px;
			letter-spacing: 2px;
			margin-bottom: 10px;
			text-transform: uppercase;
		}

		.contact-header h2 {
			font-size: 52px;
			font-weight: bold;
			margin-bottom: 25px;
		}

		.contact-header p {
			font-size: 16px;
			line-height: 1.8;
			color: #555;
			max-width: 1000px;
			margin: 0 auto 30px;
		}

		.contact-info {
			text-align: center;
			margin: 30px auto;
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
		}

		.contact-info p {
			font-size: 16px;
			margin: 8px 0;
			text-align: center;
		}

		/* Formulaire */
		.contact-form {
			display: flex;
			gap: 50px;
			margin-top: 60px;
			justify-content: center;
			align-items: flex-start;
			max-width: 1000px;
			margin-left: auto;
			margin-right: auto;
		}

		.form-left,
		.form-right {
			display: flex;
			flex-direction: column;
			gap: 25px;
			width: 50%;
		}

		input:not([type="checkbox"]),
		textarea {
			width: 100%;
			padding: 25px 20px;
			border: 2px solid #ddd;
			font-size: 16px;
			outline: none;
			border-radius: 0;
			transition: all 0.3s ease;
			background-color: #fafafa;
			min-height: 60px;
		}

		input:not([type="checkbox"]):focus,
		textarea:focus {
			border-color: #a67c52;
			background-color: #fff;
			box-shadow: 0 0 0 3px rgba(166, 124, 82, 0.1);
		}

		textarea {
			height: 280px;
			resize: vertical;
			min-height: 280px;
		}

		.terms {
			font-size: 14px;
			text-align: left;
			display: flex;
			align-items: flex-start;
			gap: 12px;
			color: #555;
			margin-top: 10px;
			line-height: 1.4;
			width: 100%;
			max-width: 100%;
		}

		.terms input[type="checkbox"] {
			width: 18px;
			height: 18px;
			margin: 0;
			cursor: pointer;
			flex-shrink: 0;
			border: 2px solid #ddd;
			border-radius: 3px;
			appearance: none;
			-webkit-appearance: none;
			background-color: #fff;
			transition: all 0.3s ease;
			display: grid;
			place-content: center;
			padding: 0;
			min-height: auto;
		}

		.terms input[type="checkbox"]::before {
			content: "";
			width: 10px;
			height: 10px;
			transform: scale(0);
			transition: 0.2s transform ease-in-out;
			background-color: #000;
			clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
		}

		.terms input[type="checkbox"]:checked::before {
			transform: scale(1);
		}

		.terms input[type="checkbox"]:checked {
			border-color: #000;
		}

		.terms input[type="checkbox"]:hover {
			border-color: #000;
		}

		.terms input[type="checkbox"]:focus {
			outline: 2px solid #000;
			outline-offset: 2px;
		}

		button {
			background: #000 !important;
			color: #fff !important;
			padding: 25px 30px;
			border: none !important;
			cursor: pointer;
			font-weight: bold;
			font-size: 16px;
			transition: all 0.3s ease;
			border-radius: 0;
			text-transform: uppercase;
			letter-spacing: 1px;
			width: 100%;
		}

		button:hover {
			background: #000 !important;
			color: #fff !important;
			transform: translateY(-2px);
			box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);
		}

		/* Responsive */
		@media (max-width: 768px) {
			.contact-form {
				flex-direction: column;
			}

			.form-left,
			.form-right {
				width: 100%;
			}
		}

		/* Styles pour Google Maps robuste */
		.map-container {
			position: relative;
			overflow: hidden;
			border-radius: 8px;
			box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
		}

		.map-container iframe {
			transition: all 0.3s ease;
		}

		.map-container iframe:hover {
			filter: brightness(0.9) contrast(1.05);
		}

		.map-fallback {
			background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
			border: 2px solid #dee2e6;
			border-radius: 8px;
		}

		.map-fallback button {
			background: #000 !important;
			color: #fff !important;
			border: none !important;
			padding: 12px 24px !important;
			border-radius: 4px !important;
			cursor: pointer !important;
			font-size: 14px !important;
			font-weight: 500 !important;
			transition: all 0.3s ease !important;
			text-transform: uppercase !important;
			letter-spacing: 1px !important;
		}

		.map-fallback button:hover {
			background: #333 !important;
			transform: translateY(-2px) !important;
			box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2) !important;
		}

		/* Animation de chargement pour la carte */
		.map-container.loading::before {
			content: '';
			position: absolute;
			top: 50%;
			left: 50%;
			width: 40px;
			height: 40px;
			margin: -20px 0 0 -20px;
			border: 3px solid #f3f3f3;
			border-top: 3px solid #000;
			border-radius: 50%;
			animation: spin 1s linear infinite;
			z-index: 10;
		}

		@keyframes spin {
			0% {
				transform: rotate(0deg);
			}

			100% {
				transform: rotate(360deg);
			}
		}

		/* Responsive pour la carte */
		@media (max-width: 768px) {
			.map-container {
				height: 300px !important;
			}

			.map-container iframe {
				height: 300px !important;
			}

			.map-fallback {
				height: 300px !important;
			}
		}

		.site-header,
		.header-wrap,
		.header-wrap-inner,
		.site-branding,
		.site-branding-wrap,
		.site-branding-left,
		.site-branding-center,
		.site-branding-right,
		.main-navigation,
		.menu-wrap,
		.layout-medium,
		.nav-menu,
		.nav-menu ul,
		.nav-menu li,
		.nav-menu a,
		.search-container,
		.social-container {
			background: transparent !important;
			background-color: transparent !important;
			background-image: none !important;
			box-shadow: none !important;
			border: none !important;
			filter: none !important;
			backdrop-filter: none !important;
			-webkit-backdrop-filter: none !important;
		}

		.site-header {
			position: absolute !important;
			top: 0 !important;
			left: 0 !important;
			right: 0 !important;
			z-index: 1000 !important;
			transition: all 0.3s ease !important;
			border-bottom: 1px solid rgba(255, 255, 255, 0.3) !important;
		}

		.site-header:hover,
		.site-header:hover .header-wrap,
		.site-header:hover .header-wrap-inner {
			background: rgba(255, 255, 255, 0.95) !important;
			background-color: rgba(255, 255, 255, 0.95) !important;
		}

		.site-title {
			font-family: 'Onest';
		}

		.nav-menu,
		.entry-meta,
		.owl-nav,
		label,
		.page-links,
		.navigation,
		.entry-title i,
		.site-info,
		.filters {
			font-family: 'Jost';
		}

		.widget-title {
			font-family: 'TeXGyreAdventor', sans-serif;
		}

		h1,
		.entry-title,
		.footer-subscribe h3,
		.widget_categories ul li,
		.widget_recent_entries ul li a,
		.widget_pages ul li,
		.widget_nav_menu ul li,
		.widget_archive ul li,
		.widget_most_recommended_posts ul li a,
		.widget_calendar table caption,
		.tptn_title,
		.nav-single a,
		.widget_recent_comments ul li,
		.widget_product_categories ul li,
		.widget_meta ul li,
		.widget_rss ul a.rsswidget {
			font-family: 'Onest';
		}

		h2,
		h3,
		h4,
		h5,
		h6,
		blockquote,
		.tab-titles {
			font-family: 'Onest';
		}

		.slider-box .entry-title {
			font-family: 'Now', sans-serif;
		}

		body {
			font-family: 'Onest';
		}

		.link-box .entry-title {
			font-family: 'Now', sans-serif;
		}

		.button,
		button,
		html .elementor-button,
		html .ekit-wid-con .elementskit-btn,
		.ekit_creative_button,
		.more-link {
			font-family: 'Jost';
		}

		.top-bar {
			font-family: 'Jost';
		}

		@media screen and (min-width: 992px) {
			.site-header .site-title {
				font-size: 22px;
			}
		}

		@media screen and (min-width: 992px) {
			.is-header-smaller .site-header.clone .site-title {
				font-size: 20px;
			}
		}

		@media screen and (max-width: 991px) {
			.site-header .site-title {
				font-size: 14px;
			}
		}

		@media screen and (min-width: 992px) {
			.blog-small .entry-title {
				font-size: 19px;
			}
		}

		@media screen and (min-width: 992px) {
			h1 {
				font-size: 98px;
			}
		}

		@media screen and (min-width: 992px) {
			html {
				font-size: 16px;
			}
		}

		@media screen and (max-width: 991px) {
			html {
				font-size: 15px;
			}
		}

		@media screen and (min-width: 992px) {
			.nav-menu>ul {
				font-size: 13px;
			}
		}

		@media screen and (min-width: 992px) {
			.blog-stream .entry-content {
				font-size: 16px;
			}
		}

		@media screen and (min-width: 992px) {
			.blog-stream.blog-small .entry-content {
				font-size: 15px;
			}
		}

		.widget-title {
			font-size: 13px;
		}

		@media screen and (min-width: 992px) {
			.nav-menu ul ul {
				font-size: 12px;
			}
		}

		.top-bar {
			font-size: 12px;
		}

		.site-footer .site-info {
			font-size: 12px;
		}

		.site-title {
			font-weight: 700;
		}

		h1,
		.entry-title,
		.footer-subscribe h3 {
			font-weight: 900;
		}

		h2,
		h3,
		h4,
		h5,
		h6,
		blockquote,
		.comment-meta .fn {
			font-weight: 500;
		}

		.slider-box .entry-title {
			font-weight: 700;
		}

		.widget-title {
			font-weight: 700;
		}

		@media screen and (min-width: 992px) {
			.nav-menu>ul {
				font-weight: 500;
			}
		}

		@media screen and (min-width: 992px) {
			.nav-menu ul ul {
				font-weight: 500;
			}
		}

		.link-box .entry-title {
			font-weight: 700;
		}

		.top-bar {
			font-weight: 500;
		}

		.site-footer .site-info {
			font-weight: 500;
		}

		.entry-meta {
			font-weight: 500;
		}

		@media screen and (min-width: 992px) {
			.nav-menu>ul {
				letter-spacing: 0px;
			}
		}

		@media screen and (min-width: 992px) {
			.nav-menu ul ul {
				letter-spacing: 0px;
			}
		}

		.widget-title {
			letter-spacing: 3px;
		}

		.site-footer .site-info {
			letter-spacing: 3px;
		}

		h1,
		.entry-title,
		.footer-subscribe h3,
		.widget_categories ul li,
		.widget_recent_entries ul li,
		.widget_pages ul li,
		.widget_archive ul li,
		.widget_calendar table caption,
		.tptn_title,
		.nav-single a {
			text-transform: uppercase;
		}

		@media screen and (min-width: 992px) {
			html {
				line-height: 1.7;
			}
		}

		@media screen and (min-width: 992px) {
			.header-bg-shape {
				height: 50px;
			}
		}

		.header-wrap:after {
			bottom: -1px;
		}

		@media screen and (min-width: 992px) {
			.site-title img {
				max-height: 44px;
			}
		}

html .site-header .site-title a {
			padding: 12px 24px;
		}

		@media screen and (min-width: 992px) {
			.site {
				margin-top: 0px;
				margin-bottom: 0px;
			}
		}

		.layout-medium,
		.is-header-row .header-wrap-inner,
		.is-header-small .header-wrap-inner,
		.is-menu-bar.is-menu-fixed-bg .menu-wrap,
		.is-header-fixed-width .header-wrap,
		.is-header-fixed-width.is-menu-bar .site-navigation,
		.is-header-float-box:not(.is-header-float-box-menu) .site-header:not(.clone) .header-wrap,
		.is-header-float-box.is-menu-bar .site-header:not(.clone) .site-navigation:not(.clone),
		.is-body-boxed .site,
		.is-body-boxed .header-wrap,
		.is-body-boxed.is-menu-bar .site-navigation,
		.is-body-boxed:not(.is-menu-bar) .site-header,
		.is-middle-boxed .site-main,
		.intro-content,
		.is-footer-boxed .site-footer,
		.is-content-boxed .site-main .layout-fixed,
		.top-bar .top-bar-wrap,
		.is-top-bar-fixed .top-bar,
		.is-top-bar-fixed-bg .top-bar,
		.is-menu-bottom.is-menu-bottom-overflow .site-header:not(.clone) .site-navigation:not(.clone) .menu-wrap,
		.site-branding-wrap,
		.is-header-border-fixed .header-wrap:after,
		.is-header-border-fixed .menu-wrap:after,
		html .tutor-container,
		html .lp-content-area,
		html .learn-press-breadcrumb {
			max-width: 1140px;
			margin-left: auto;
			margin-right: auto;
		}

		.layout-fixed,
		.blog-list,
		.blog-regular,
		.is-content-boxed .single .site-content,
		.is-content-boxed .page .site-content {
			max-width: 800px;
		}

		@media screen and (min-width: 992px) {

			.is-header-small .header-wrap,
			.is-menu-bar .nav-menu>ul>li,
			.is-header-vertical .nav-menu>ul>li {
				line-height: 80px;
			}

			.is-header-small .site-branding {
				max-height: 80px;
			}

		}

		@media screen and (min-width: 992px) {

			.is-header-small.is-header-smaller .site-header.clone .header-wrap,
			.is-header-row.is-header-smaller .site-header.clone .nav-menu>ul>li,
			.is-menu-bar.is-header-smaller .site-navigation.clone .nav-menu>ul>li,
			.is-menu-bar.is-header-smaller .site-header.clone .site-navigation .nav-menu>ul>li {
				line-height: 60px;
			}

			.is-header-small.is-header-smaller .site-header.clone .site-branding {
				max-height: 60px;
			}

		}

		.button.is-primary,
		.button.is-primary:after,
		html .elementor-button,
		.elementor-button.elementor-size-xs,
		.elementor-button.elementor-size-sm,
		.elementor-button.elementor-size-md,
		.elementor-button.elementor-size-lg,
		.elementor-button.elementor-size-xl,
		html .ekit-wid-con .elementskit-btn,
		.ekit_creative_button {
			border-radius: 0px;
		}

		.button.is-secondary,
		.button.is-secondary:after,
		.elementor-element.elementor-button-info .elementor-button {
			border-radius: 30px;
		}

		a {
			color: #d84156;
		}

		a:hover {
			color: #c60035;
		}

		.header-wrap:before {
			background: #000000 !important;
		}

		.is-header-half-transparent:not(.is-menu-toggled-on) .site-header:not(.clone) .header-wrap:before {
			opacity: 1 !important;
		}

		.header-wrap:after {
			opacity: 0 !important;
		}

		@media screen and (min-width: 992px) {
			.nav-menu>ul>li.current-menu-item>a {
				color: #000000 !important;
			}
		}

		@media screen and (min-width: 992px) {
			.nav-menu li.current-menu-item>a .link-text:before {
				background-color: #0a0000 !important;
				border-color: #0a0000 !important;
			}
		}

		@media screen and (min-width: 992px) {

			html .nav-menu>ul>li>a:hover,
			.nav-menu>ul>li.has-submenu:hover>a {
				color: #000000 !important;
			}
		}

		@media screen and (min-width: 992px) {

			html.loaded .nav-menu ul li a .link-text:before,
			.nav-menu li.has-submenu:hover>a .link-text:before {
				background-color: #ffffff !important;
				border-color: #ffffff !important;
			}
		}

		@media screen and (min-width: 992px) {
			.nav-menu ul ul li.current-menu-item>a .link-text {
				color: #b79f8a !important;
			}
		}

		@media screen and (min-width: 992px) {

			html .nav-menu ul ul li a:hover .link-text,
			.nav-menu ul ul li.has-submenu:hover>a .link-text {
				color: #111111;
			}
		}

		h1,
		h2,
		h3,
		h4,
		h5,
		h6,
		blockquote,
		.tab-titles {
			color: #020014;
		}

		body {
			color: #32455e;
		}

		body {
			background: #ffffff;
		}

		.site .footer-subscribe {
			background: #ebe6da;
		}

		.site-footer .site-info {
			background-color: #ffffff;
		}

		.site-footer .site-info {
			color: #0a0a0a;
		}

		.button.is-primary {
			color: #222222;
		}

		.button.is-primary.is-shadow,
		.button.is-primary.is-solid,
		.button.is-primary.is-solid-light,
		html .elementor-button,
		html .ekit-wid-con .elementskit-btn {
			background-color: #222222;
		}

		.button.is-primary.is-shadow {
			box-shadow: 0px 18px 23px -6px #222222;
		}

		.button.is-primary:hover {
			color: #215aed;
		}

		.button.is-primary.is-shadow:hover,
		.button.is-primary.is-solid:hover,
		.button.is-primary.is-solid-light:hover,
		.button.is-primary.is-shift:after,
		.button.is-primary.is-circle:before,
		html .elementor-button:hover,
		html .ekit-wid-con .elementskit-btn:hover {
			background-color: #215aed;
		}

		.button.is-primary.is-shadow:hover {
			box-shadow: 0px 2px 10px -5px #215aed;
		}

		.button.is-secondary {
			color: #f22000;
		}

		.button.is-secondary.is-shadow,
		.button.is-secondary.is-solid,
		.button.is-secondary.is-solid-light,
		.elementor-element.elementor-button-info .elementor-button {
			background-color: #f22000;
		}

		.button.is-secondary.is-shadow {
			box-shadow: 0px 18px 23px -6px #f22000;
		}

		.button.is-secondary:hover {
			color: #0026ff;
		}

		.button.is-secondary.is-shadow:hover,
		.button.is-secondary.is-solid:hover,
		.button.is-secondary.is-solid-light:hover,
		.button.is-secondary.is-shift:after,
		.button.is-secondary.is-circle:before,
		.elementor-element.elementor-button-info .elementor-button:hover {
			background-color: #0026ff;
		}

		.button.is-secondary.is-shadow:hover {
			box-shadow: 0px 2px 10px -5px #0026ff;
		}

		.top-bar,
		.top-bar select option {
			background-color: #262251;
		}

		.top-bar {
			background: linear-gradient(90deg, #262251 30%, #d10600 100%);
		}

		.header-wrap:after {
			color: #222222;
		}

		.is-menu-bar .menu-wrap:after {
			color: #222222;
		}

		/* Contact footer logo shift */
		.elementor-element-55b2473 {
			position: relative !important;
			left: -30px !important;
		}