/*
 * Seeds Global - Modern Premium Home Page Design Stylesheet
 * Custom redesign implementing black, charcoal, and gold-gradient elements.
 */

:root {
	--gold-gradient: linear-gradient(135deg, #c5a059 0%, #f1d299 50%, #8b6f38 100%);
	--gold-glow: 0 8px 30px rgba(197, 160, 89, 0.25);
	--gold-glow-hover: 0 12px 40px rgba(197, 160, 89, 0.45);
	--dark-bg: #0d0f12;
	--card-bg: #16191f;
	--text-muted: #a0aec0;
	--border-color: rgba(197, 160, 89, 0.2);
}

.banner-overlay {
	background: linear-gradient(to right, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.2) 100%);
}

.banner-text {
	width: 100% !important;
	max-width: 100% !important;
	text-align: left !important;
	padding-left: 150px !important;
	padding-right: 20px !important;
}

.banner-text p {
	margin: 0 !important;
	text-align: left !important;
}

.banner-text strong {
	font-size: 65px !important;
	font-weight: 900 !important;
	color: #fff !important;
	text-transform: uppercase;
	line-height: 1.1;
	letter-spacing: -2px;
	text-shadow: 2px 4px 10px rgba(0, 0, 0, 0.5);
	display: block;
}


/* Desktop default: img fills slide with cover */
.hero-slider .swiper-slide img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	object-position: center !important;
	display: block;
}

/* Mobile (≤767px): cover fills cleanly, no black bars, no button */
@media (max-width: 767px) {

	.hero-slider .swiper-slide img {
		object-fit: cover !important;
		object-position: center center !important;
	}

	/* Hide Read More button on mobile */
	.banner-btn-wrap {
		display: none !important;
	}

	/* Hide banner text overlay on mobile */
	.banner-text {
		display: none !important;
	}

	/* Small arrows on mobile */
	.swiper-button-next.next-btn,
	.swiper-button-prev.prev-btn {
		width: 32px !important;
		height: 32px !important;
		margin-top: -16px !important;
		background: rgba(0, 0, 0, 0.35) !important;
		display: block !important;
	}
}

/* Tablet (768px–991px): contain so full image shows, no cropping */
@media (min-width: 768px) and (max-width: 991px) {

	.hero-slider .swiper-slide img {
		object-fit: contain !important;
		object-position: center center !important;
	}
}


@media (max-width: 991px) {
	.banner-text {
		padding-left: 100px !important;
	}

	.banner-text strong {
		font-size: 70px !important;
	}
}

@media (max-width: 767px) {
	.banner-text {
		padding-left: 80px !important;
	}

	.banner-text strong {
		font-size: 50px !important;
	}
}

/* Swiper Slider Arrows */
.center-arrow .next-btn,
.center-arrow .prev-btn {
	width: 60px !important;
	height: 60px !important;
	border-radius: 50%;
	border: 2px solid rgba(255, 255, 255, 0.4);
	background: transparent !important;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease;
}

.center-arrow .next-btn i,
.center-arrow .prev-btn i {
	font-size: 24px !important;
	color: #fff !important;
}

.center-arrow .next-btn:hover,
.center-arrow .prev-btn:hover {
	border-color: #fff;
	background: rgba(255, 255, 255, 0.1) !important;
}

/* ==========================================================================
   Global Section Containers
   ========================================================================== */
.home-section {
	padding: 50px 0;
	position: relative;
	background-color: #fff;
	overflow: hidden;
}

body.home .main,
body.front-page .main {
	padding-top: 20px;
}

body.home .main.hero-slider,
body.front-page .main.hero-slider {
	padding-top: 0;
}

.home-section.bg-dark-premium {
	background-color: var(--dark-bg);
	color: #fff;
}

/* General Typography for New Design */
.section-subtitle-tag {
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 3px;
	color: #c5a059;
	text-transform: uppercase;
	margin-bottom: 12px;
	display: inline-block;
	position: relative;
	padding-left: 30px;
}

.section-subtitle-tag::before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 18px;
	height: 2px;
	background: var(--gold-gradient);
}

.section-main-heading {
	font-family: 'AdobeCleanBold', 'DM Sans', sans-serif;
	font-size: 42px;
	line-height: 1.25;
	font-weight: 700;
	color: #111;
	margin-bottom: 16px;
}

.bg-dark-premium .section-main-heading {
	color: #fff;
}

.section-intro-text {
	font-size: 18px;
	color: #555;
	line-height: 1.7;

	margin: 0 auto 30px auto;
}

.bg-dark-premium .section-intro-text {
	color: var(--text-muted);
}

/* Custom premium button style */
.btn-gold-premium {
	background: var(--gold-gradient) !important;
	color: #fff !important;
	font-weight: 600;
	letter-spacing: 1px;
	padding: 12px 35px;
	border: none !important;
	text-transform: uppercase;
	font-size: 13px;
	transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
	box-shadow: var(--gold-glow);
	position: relative;
	z-index: 1;
	display: inline-block;
}

.btn-gold-premium::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #111;
	opacity: 0;
	z-index: -1;
	transition: opacity 0.3s ease;
}

.btn-gold-premium:hover {
	transform: translateY(-4px);
	box-shadow: var(--gold-glow-hover);
	color: #fff !important;
}

.btn-gold-premium:hover::after {
	opacity: 0.15;
}

/* ==========================================================================
   Modern Header Redesign
   ========================================================================== */
.modern-top-bar {
	background-color: #0d0f12;
	color: #a0aec0;
	font-size: 15px;
	padding: 10px 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.top-bar-inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.top-bar-left a,
.top-bar-right a {
	color: #a0aec0 !important;
	text-decoration: none;
	transition: color 0.3s ease;
	display: inline-flex;
	align-items: flex-start;
	gap: 10px;
}

.top-bar-left a i,
.top-bar-right a i {
	margin-top: 4px;
	font-size: 16px;
}

.top-bar-right {
	display: flex;
	gap: 25px;
}

.modern-top-bar i {
	color: #c5a059;
}

.modern-top-bar a:hover {
	color: #fff !important;
}

/* Main Header */
.modern-main-header {
	background-color: #ffffff;
	box-shadow: 0 4px 30px rgba(0, 0, 0, 0.05);
	position: sticky;
	top: 0;
	z-index: 1000;
	padding: 12px 0;
	transition: all 0.3s ease;
}

.modern-main-header .navbar {
	display: flex !important;
	align-items: center !important;
}

.modern-main-header .logo {
	display: flex;
	align-items: center;
	margin: 0 !important;
	padding: 0 !important;
}

.modern-main-header .logo img {
	width: 100px !important;
	height: auto;
	display: block;
}

/* Service Page Logo Size Override */
.custom-re-logo {
	width: 120px !important;
}

.modern-main-header .navbar-collapse {
	display: flex !important;
	align-items: center !important;
}

.modern-main-header .navbar-nav {
	display: flex;
	gap: 30px;
	align-items: center !important;
	margin: 0 !important;
}

.modern-main-header #menu-header_menu li a,
.modern-main-header #menu-header_menu_pt li a,
.modern-main-header #menu-header_menu_ar li a {
	font-weight: 600;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	font-size: 15px !important;
	color: #111 !important;
	transition: color 0.3s ease;
	position: relative;
	padding: 10px 0 !important;
	text-decoration: none;
	display: inline-block;
}

.modern-main-header #menu-header_menu li a::before,
.modern-main-header #menu-header_menu_pt li a::before,
.modern-main-header #menu-header_menu_ar li a::before {
	content: '';
	position: absolute;
	bottom: -4px;
	left: 0;
	width: 0;
	height: 2px;
	background: var(--gold-gradient);
	transition: width 0.3s ease;
}

.modern-main-header #menu-header_menu li:hover a::before,
.modern-main-header #menu-header_menu_pt li:hover a::before,
.modern-main-header #menu-header_menu_ar li:hover a::before,
.modern-main-header #menu-header_menu li.current-menu-item a::before,
.modern-main-header #menu-header_menu_pt li.current-menu-item a::before,
.modern-main-header #menu-header_menu_ar li.current-menu-item a::before {
	width: 100%;
}

.modern-main-header #menu-header_menu li:hover a,
.modern-main-header #menu-header_menu_pt li:hover a,
.modern-main-header #menu-header_menu_ar li:hover a {
	color: #c5a059 !important;
}

/* Dropdown Caret for items with submenus */
.modern-main-header #menu-header_menu li.menu-item-has-children>a::after,
.modern-main-header #menu-header_menu_pt li.menu-item-has-children>a::after,
.modern-main-header #menu-header_menu_ar li.menu-item-has-children>a::after {
	content: '\f107';
	font-family: 'Font Awesome 5 Free', 'FontAwesome';
	font-weight: 900;
	display: inline-block;
	margin-left: 8px;
	font-size: 13px;
	transition: transform 0.3s ease;
}

.modern-main-header #menu-header_menu li.menu-item-has-children:hover>a::after,
.modern-main-header #menu-header_menu_pt li.menu-item-has-children:hover>a::after,
.modern-main-header #menu-header_menu_ar li.menu-item-has-children:hover>a::after {
	transform: rotate(180deg);
}

.consulation-btn {
	/* background: var(--gold-gradient) !important; */
	color: #000 !important;
	box-shadow: var(--gold-glow);
	font-size: 15px !important;
	font-weight: 700;
	text-transform: uppercase;
	border-radius: 4px !important;
	/* padding: 12px 30px !important; */
	transition: all 0.3s ease !important;
	border: none;
	display: inline-block;
}

.consulation-btn:hover {
	transform: translateY(-2px);
	box-shadow: var(--gold-glow-hover);
	color: #000 !important;
	filter: brightness(1.1);
}

.navbar-toggler {
	border: none;
	background: transparent;
	padding: 5px;
	margin-left: 15px;
}

.mobile-nav-icon {
	font-size: 24px;
	color: #111;
}

.animated-icon1 {
	display: none;
	/* Hidden on desktop */
}

@media (max-width: 1199px) {
	.navbar-toggler {
		display: flex !important;
		align-items: center;
		justify-content: center;
	}

	.animated-icon1 {
		display: block !important;
		/* Show hamburger on mobile */
	}
}

@media (max-width: 991px) {
	.top-bar-inner {
		flex-direction: column;
		gap: 10px;
		text-align: center;
	}

	.modern-main-header .navbar-nav {
		flex-direction: column;
		gap: 10px;
		align-items: flex-start;
		padding: 20px 0;
	}
}

/* Sticky Header Improvements */
.main-header.header-fixed {
	background: #ffffff !important;
	box-shadow: 0 5px 25px rgba(0, 0, 0, 0.06);
	padding: 6px 0 !important;
	/* Spacing override */
}

/* ── Mobile sticky header: always visible above the open drawer ── */
/* The drawer uses z-index:9999 and the close icon uses z-index:10000.
   We set the sticky header to 10001 so it floats above both. */
@media screen and (max-width: 1199px) {

	.main-header.header-fixed,
	html[dir="rtl"] .main-header.header-fixed,
	body.rtl .main-header.header-fixed {
		position: fixed !important;
		top: 0 !important;
		left: 0 !important;
		right: 0 !important;
		width: 100% !important;
		z-index: 10001 !important;
		background: #ffffff !important;
		box-shadow: 0 2px 16px rgba(0, 0, 0, 0.10) !important;
		padding: 6px 0 !important;
	}

	/* Ensure hamburger icon spans/lines are dark on white sticky background */
	.main-header.header-fixed .animated-icon1 span,
	html[dir="rtl"] .main-header.header-fixed .animated-icon1 span,
	body.rtl .main-header.header-fixed .animated-icon1 span {
		background: #1a242e !important;
	}
}


.header-fixed .fixed-menu {
	background: transparent !important;
	box-shadow: none !important;
	padding: 0 !important;
}

.header-fixed .navbar-nav li a,
.header-fixed #menu-header_menu li a,
.header-fixed #menu-header_menu_pt li a,
.header-fixed #menu-header_menu_ar li a {
	color: #111 !important;
}

/* Ensure correct menu link colors in sticky state based on background color */
.header-bg-black.header-fixed .navbar-nav li a,
.header-bg-black.header-fixed #menu-header_menu li a,
.header-bg-black.header-fixed #menu-header_menu_ar li a,
.header-bg-black.header-fixed .custom-lang-trigger,
html[dir="rtl"] .header-bg-black.header-fixed .navbar-nav li a,
body.rtl .header-bg-black.header-fixed .navbar-nav li a {
	color: #050708 !important;
}

.header-bg-white.header-fixed .navbar-nav li a,
.header-bg-white.header-fixed #menu-header_menu li a,
.header-bg-white.header-fixed #menu-header_menu_ar li a,
.header-bg-white.header-fixed .custom-lang-trigger {
	color: #050708 !important;
}

/* Maintain gold color on active / hover links in sticky header */
.header-fixed .navbar-nav li:hover a,
.header-fixed #menu-header_menu li:hover a,
.header-fixed #menu-header_menu_ar li:hover a,
.header-fixed .navbar-nav li.current-menu-item a,
.header-fixed #menu-header_menu li.current-menu-item a,
.header-fixed #menu-header_menu_ar li.current-menu-item a {
	color: #c5a059 !important;
}

/* ── Sticky header: restore sub-menu link visibility ──────────────────────
   The broad .header-fixed li a rules above force dark colors on ALL links,
   including dropdown items. Sub-menus have a dark (#161616) background so
   their links must remain white/light regardless of sticky state.
   ───────────────────────────────────────────────────────────────────────── */
.header-fixed .navbar-nav .sub-menu li a,
.header-fixed #menu-header_menu .sub-menu li a,
.header-fixed #menu-header_menu_pt .sub-menu li a,
.header-fixed #menu-header_menu_ar .sub-menu li a,
.header-bg-black.header-fixed .navbar-nav .sub-menu li a,
.header-bg-black.header-fixed #menu-header_menu .sub-menu li a,
.header-bg-black.header-fixed #menu-header_menu_ar .sub-menu li a,
.header-bg-white.header-fixed .navbar-nav .sub-menu li a,
.header-bg-white.header-fixed #menu-header_menu .sub-menu li a,
.header-bg-white.header-fixed #menu-header_menu_ar .sub-menu li a,
html[dir="rtl"] .header-fixed .navbar-nav .sub-menu li a,
html[dir="rtl"] .header-fixed #menu-header_menu .sub-menu li a,
html[dir="rtl"] .header-fixed #menu-header_menu_ar .sub-menu li a,
html[dir="rtl"] .header-bg-black.header-fixed #menu-header_menu_ar .sub-menu li a,
html[dir="rtl"] .header-bg-white.header-fixed #menu-header_menu_ar .sub-menu li a,
body.rtl .header-fixed .navbar-nav .sub-menu li a,
body.rtl .header-fixed #menu-header_menu .sub-menu li a,
body.rtl .header-fixed #menu-header_menu_ar .sub-menu li a,
body.rtl .header-bg-white.header-fixed #menu-header_menu_ar .sub-menu li a {
	color: rgba(255, 255, 255, 0.85) !important;
}

/* Sub-menu hover in sticky state: gold accent */
.header-fixed .navbar-nav .sub-menu li a:hover,
.header-fixed #menu-header_menu .sub-menu li a:hover,
.header-fixed #menu-header_menu_pt .sub-menu li a:hover,
.header-fixed #menu-header_menu_ar .sub-menu li a:hover,
html[dir="rtl"] .header-fixed .navbar-nav .sub-menu li a:hover,
html[dir="rtl"] .header-fixed #menu-header_menu_ar .sub-menu li a:hover,
body.rtl .header-fixed .navbar-nav .sub-menu li a:hover,
body.rtl .header-fixed #menu-header_menu_ar .sub-menu li a:hover {
	color: #c5a059 !important;
}

/* ==========================================================================
   Hero Slider Adjustments
   ========================================================================== */
.hero-slider {
	position: relative;
	overflow: hidden;
}

.hero-slider .banner-overlay {
	background: linear-gradient(to right, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.4) 60%, rgba(0, 0, 0, 0.2) 100%);
	z-index: 1;
}

.hero-slider .banner-text {
	text-align: left;
	max-width: 750px;
	z-index: 2;
}

.hero-slider .banner-text strong {
	font-family: 'AdobeCleanBold', 'DM Sans', sans-serif;
	font-size: 65px;
	line-height: 1.15;
	letter-spacing: -0.5px;
	display: block;
	color: #fff;
	text-shadow: 0 4px 15px rgba(0, 0, 0, 0.5);
}

.hero-slider .banner-text p {
	font-size: 18px;
	line-height: 1.6;
	color: #f1f2f5;
	margin: 25px 0 35px 0;
	text-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
}

.hero-slider .banner-text .btn {
	margin-top: 10px;
}

/* Navigation Arrows */
.swiper-button-next.next-btn,
.swiper-button-prev.prev-btn {
	background: rgba(0, 0, 0, 0.4);
	border: 1px solid rgba(255, 255, 255, 0.3) !important;
	backdrop-filter: blur(5px);
	transition: all 0.3s ease;
	display: flex !important;
	align-items: center;
	justify-content: center;
}

.owl-nav,
.owl-prev,
.owl-next {
	display: none !important;
}

/* Ensure Owl dot pagination remains visible for dot-only sliders */
.bottom-buttons .owl-dots,
.owl-theme .owl-dots {
	display: flex !important;
	justify-content: center !important;
	gap: 8px !important;
	margin-top: -30px !important;
}

.swiper-button-next.next-btn:hover,
.swiper-button-prev.prev-btn:hover {
	background: var(--gold-gradient);
	border-color: transparent !important;
	box-shadow: var(--gold-glow);
}

/* ==========================================================================
   About Us Redesign
   ========================================================================== */
.about-us-sec {
	margin-top: 0px !important;
	padding: 50px 0 !important;
	background: #fafafa !important;
}

body.page-template-page-about-us .about-us-sec {
	margin-top: -40px !important;
}

.about-new-row {
	display: flex;
	align-items: center;
	gap: 50px;
}

.about-new-img-col {
	flex: 1;
	position: relative;
}

.about-new-img-wrapper {
	position: relative;
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
	border: 4px solid #fff;
	z-index: 2;
	aspect-ratio: 4 / 3;
	background-color: #eaeaea;
}

.about-new-img-wrapper img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform 0.8s ease;
}

.about-new-img-wrapper:hover img {
	transform: scale(1.05);
}

.about-new-img-col::after {
	content: '';
	position: absolute;
	top: 30px;
	left: -30px;
	width: 100%;
	height: 100%;
	border: 3px solid #c5a059;
	border-radius: 12px;
	z-index: 1;
	pointer-events: none;
}

.about-new-text-col {
	flex: 1.2;
}

.about-new-text-col p {
	font-size: 18px;
	line-height: 1.7;
	color: #555;
	margin-bottom: 25px;
}

@media (max-width: 991px) {
	.about-new-row {
		flex-direction: column;
		gap: 50px;
	}

	.about-new-img-col::after {
		left: 15px;
		top: 15px;
	}
}

/* ==========================================================================
   Manual 4-Column Services Grid Redesign (Premium Gold/Black Cards)
   ========================================================================== */
.services-sec {
	padding: 40px 0 10px 0 !important;
}

.services-new-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 25px;
	margin-top: 40px;
}

.service-premium-card {
	background-color: var(--card-bg);
	border-radius: 12px;
	border: 1px solid rgba(255, 255, 255, 0.05);
	overflow: hidden;
	position: relative;
	transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
	display: flex;
	flex-direction: column;
	height: 100%;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}

/* Hover glow borders */
.service-premium-card::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 3px;
	background: var(--gold-gradient);
	transform: scaleX(0);
	transform-origin: left;
	transition: transform 0.4s ease;
	z-index: 2;
}

.service-premium-card:hover::before {
	transform: scaleX(1);
}

.service-card-img-holder {
	position: relative;
	height: 190px;
	overflow: hidden;
}

.service-card-img-holder img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
	transition: transform 0.6s ease;
}

.service-premium-card:hover .service-card-img-holder img {
	transform: scale(1.08);
}

.service-card-img-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(to top, rgba(22, 25, 31, 1) 0%, rgba(22, 25, 31, 0.2) 100%);
	z-index: 1;
}

.service-card-body {
	padding: 25px;
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	position: relative;
	z-index: 2;
	margin-top: -20px;
}

.service-card-title {
	font-family: 'AdobeCleanBold', 'DM Sans', sans-serif;
	font-size: 22px;
	font-weight: 700;
	color: #fff;
	margin-bottom: 14px;
	transition: color 0.3s ease;
}

.service-premium-card:hover .service-card-title {
	color: #c5a059;
}

.service-card-text {
	font-size: 16px;
	line-height: 1.7;
	color: var(--text-muted);
	margin-bottom: 25px;
	flex-grow: 1;
}

.service-card-footer {
	padding-top: 15px;
	border-top: 1px solid rgba(255, 255, 255, 0.05);
}

.service-card-link {
	color: #c5a059;
	font-weight: 700;
	font-size: 14px;
	text-transform: uppercase;
	display: flex;
	align-items: center;
	gap: 8px;
	transition: all 0.3s ease;
}

.service-card-link i {
	font-size: 11px;
	transition: transform 0.3s ease;
}

.service-premium-card:hover .service-card-link i {
	transform: translateX(4px);
}

.service-premium-card:hover {
	transform: translateY(-8px);
	box-shadow: 0 15px 40px rgba(0, 0, 0, 0.4), var(--gold-glow);
	border-color: rgba(197, 160, 89, 0.3);
}

/* ==========================================================================
   Home / About-page Background-Image Service Cards
   (.service-premium-wrapper > .service-premium-card[bg-img] > .service-card-overlay + .service-card-content)
   ========================================================================== */

/* Wrapper keeps aspect ratio tall enough for a portrait card */
.service-premium-wrapper {
	position: relative;
	border-radius: 14px;
	overflow: hidden;
	box-shadow: 0 8px 30px rgba(0, 0, 0, 0.25);
	transition: box-shadow 0.4s ease, transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.service-premium-wrapper:hover {
	transform: translateY(-6px);
	box-shadow: 0 18px 45px rgba(0, 0, 0, 0.4), var(--gold-glow);
}

/* The card itself acts as the background-image container */
.service-premium-wrapper .service-premium-card {
	/* override the dark-card defaults – this card IS the photo */
	background-color: transparent;
	background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
	border: none;
	border-radius: 0;
	box-shadow: none;
	height: 340px;
	/* fixed height for home cards */
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	position: relative;
	overflow: hidden;
	transition: background-size 0.6s ease;
}

/* No zoom on hover – keep image stable and fully visible */
.service-premium-wrapper:hover .service-premium-card {
	background-position: center top;
}

/* ── Overlay ──────────────────────────────────────────────────────────────
   BEFORE:  full-card black overlay appeared on hover
   AFTER:   only the bottom strip (where the title lives) gets highlighted.
            The rest of the card image stays fully visible.
   ──────────────────────────────────────────────────────────────────────── */
.service-premium-wrapper .service-card-overlay {
	position: absolute;
	inset: 0;
	/* Permanent subtle bottom gradient so text is always legible */
	background: linear-gradient(to top,
			rgba(0, 0, 0, 0.78) 0%,
			rgba(0, 0, 0, 0.30) 35%,
			rgba(0, 0, 0, 0.00) 65%);
	transition: background 0.4s ease;
	z-index: 1;
}

/* On hover: overlay stays unchanged – no extra darkening */

/* ── Text content ──────────────────────────────────────────────────────── */
.service-premium-wrapper .service-card-content {
	position: relative;
	z-index: 2;
	padding: 20px 22px 22px;
}

.service-premium-wrapper .service-card-content .service-card-title {
	font-family: 'AdobeCleanBold', 'DM Sans', sans-serif;
	font-size: 20px;
	font-weight: 700;
	color: #ffffff;
	margin: 0;
	line-height: 1.25;
	text-shadow: 0 2px 8px rgba(0, 0, 0, 0.6);
	transition: color 0.3s ease, transform 0.3s ease;
}

/* On hover: title nudges up slightly and turns gold */
.service-premium-wrapper:hover .service-card-content .service-card-title {
	color: #f1d299;
	transform: translateY(-3px);
}

/* ── Gold accent bar at top edge ───────────────────────────────────────── */
.service-premium-wrapper::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 3px;
	background: var(--gold-gradient);
	transform: scaleX(0);
	transform-origin: left;
	transition: transform 0.4s ease;
	z-index: 10;
	border-radius: 14px 14px 0 0;
}

.service-premium-wrapper:hover::before {
	transform: scaleX(1);
}

/* Replace boxed 'View Details' button with plain text + arrow for step cards */
.btn-step-detail {
	background: transparent !important;
	border: none !important;
	padding: 0 !important;
	min-width: 0 !important;
	height: auto !important;
	box-shadow: none !important;
	border-radius: 0 !important;
	color: #fff !important;
	font-weight: 700 !important;
	font-size: 16px !important;
	text-transform: none !important;
	display: inline-flex !important;
	align-items: center !important;
	gap: 8px !important;
	transition: color 0.18s ease, transform 0.18s ease !important;
}

.btn-step-detail::after {
	content: '\2192';
	/* right arrow */
	display: inline-block;
	transform: translateX(0);
	transition: transform 0.18s ease, opacity 0.18s ease;
	opacity: 0.95;
}

.btn-step-detail:hover {
	color: #f1d299 !important;
}

.btn-step-detail:hover::after {
	transform: translateX(6px);
}

@media (max-width: 1199px) {
	.services-new-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 650px) {
	.services-new-grid {
		grid-template-columns: 1fr;
	}
}

/* ==========================================================================
   Testimonials Redesign
   ========================================================================== */
.testimony-sec {
	padding: 30px 0 !important;
	background: #fafafa !important;
	color: inherit !important;
}

.testimony-sec .section-main-heading {
	color: inherit !important;
}

.testimony-container-inner {
	margin-top: 40px;
}

.testimonial-premium-card {
	background: #14171c;
	border-radius: 12px;
	padding: 40px;
	border: 1px solid rgba(255, 255, 255, 0.04);
	position: relative;
	transition: all 0.3s ease;
	display: flex;
	flex-direction: column;
	gap: 25px;
}

.testimonial-premium-card:hover {
	border-color: rgba(197, 160, 89, 0.2);
	box-shadow: var(--gold-glow);
}

.testimonial-quote-icon {
	position: absolute;
	top: 30px;
	right: 40px;
	font-size: 50px;
	color: rgba(197, 160, 89, 0.08);
	pointer-events: none;
}

.star-rating {
	color: #ffb401;
	display: flex;
	gap: 4px;
	margin-bottom: 5px;
}

.star-rating svg {
	width: 16px;
	height: 16px;
	fill: currentColor;
}

.testimonial-feedback {
	font-size: 16px;
	line-height: 1.8;
	color: #e2e8f0;
	font-style: italic;
}

.testimonial-author-info {
	display: flex;
	align-items: center;
	gap: 15px;
	border-top: 1px solid rgba(255, 255, 255, 0.06);
	padding-top: 20px;
}

.testimonial-author-avatar {
	width: 55px;
	height: 55px;
	border-radius: 50%;
	overflow: hidden;
	border: 2px solid #c5a059;
}

.testimonial-author-avatar img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.testimonial-author-meta h4 {
	font-size: 18px;
	font-weight: 700;
	color: #fff;
	margin-bottom: 4px;
}

.testimonial-author-meta span {
	font-size: 14px;
	color: #c5a059;
	font-weight: 600;
}

/* Slider Overrides for testimonial arrows */
.testimony-sec .owl-nav {
	display: none !important;
}

.testimony-sec .owl-prev,
.testimony-sec .owl-next {
	width: 50px !important;
	height: 50px !important;
	background: #14171c !important;
	border: 1px solid rgba(255, 255, 255, 0.06) !important;
	border-radius: 50% !important;
	color: #fff !important;
	display: flex !important;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease;
}

/* Keep dots visible and tighten their spacing */
.testimony-sec .owl-dots {
	margin-top: 10px !important;
}

/* Hide any leftover arrow boxes inside testimonial section */
.testimony-sec .bottom-buttons .owl-nav,
.testimony-sec .owl-nav,
.testimony-sec .bottom-buttons .owl-prev,
.testimony-sec .bottom-buttons .owl-next,
.testimony-slider .owl-nav,
.testimony-slider .owl-prev,
.testimony-slider .owl-next,
.testimony-slider .bottom-buttons .owl-prev,
.testimony-slider .bottom-buttons .owl-next {
	display: none !important;
}

/* Dot navigation styling */
.testimony-sec .owl-dots {
	display: flex !important;
	justify-content: center !important;
	gap: 8px !important;
	margin-top: 10px !important;
}

.testimony-sec .owl-dot {
	width: 12px !important;
	height: 12px !important;
}

.testimony-sec .owl-dot span {
	display: block !important;
	width: 14px !important;
	height: 14px !important;
	background: rgba(197, 160, 89, 0.35) !important;
	border-radius: 50% !important;
	transition: transform .18s ease, background .18s ease, opacity .18s ease !important;
	opacity: 0.6 !important;
}

.testimony-sec .owl-dot.active span,
.testimony-sec .owl-dot:hover span {
	background: var(--theme-color) !important;
	opacity: 1 !important;
	transform: scale(1.1) !important;
}


/* --- Strong overrides to ensure controls are visible and dots are compact --- */
.mySwiper .swiper-button-next,
.mySwiper .swiper-button-prev,
.swiper-button-next.next-btn,
.swiper-button-prev.prev-btn {
	display: flex !important;
	visibility: visible !important;
	opacity: 1 !important;
	z-index: 9999 !important;
	pointer-events: auto !important;
}

/* === UNIFIED OWL CAROUSEL DOTS STYLING === */
.testimony-slider .owl-dots,
.latest-article-slider .owl-dots,
.bottom-buttons .owl-dots,
.owl-theme .owl-dots {
	display: flex !important;
	visibility: visible !important;
	opacity: 1 !important;
	justify-content: center !important;
	gap: 6px !important;
	margin-top: -30px !important;
	margin-bottom: 10px !important;
	text-align: center !important;
}

.testimony-slider .owl-dot,
.latest-article-slider .owl-dot,
.bottom-buttons .owl-dot,
.testimony-sec .owl-dot {
	display: inline-block !important;
	cursor: pointer !important;
	width: 10px !important;
	height: 10px !important;
	margin: 0 3px !important;
}

.testimony-slider .owl-dot span,
.latest-article-slider .owl-dot span,
.bottom-buttons .owl-dot span,
.testimony-sec .owl-dot span {
	display: block !important;
	width: 10px !important;
	height: 10px !important;
	background: #999 !important;
	border-radius: 50% !important;
	transition: all 0.2s ease !important;
}

.testimony-slider .owl-dot.active span,
.latest-article-slider .owl-dot.active span,
.bottom-buttons .owl-dot.active span,
.testimony-sec .owl-dot.active span {
	background: #333 !important;
}

.testimony-sec .owl-prev:hover,
.testimony-sec .owl-next:hover {
	background: var(--gold-gradient) !important;
	border-color: transparent !important;
	box-shadow: var(--gold-glow);
}

.testimony-sec .owl-prev i,
.testimony-sec .owl-next i {
	font-size: 16px !important;
}

/* ==========================================================================
   News & Insights Blog Section Redesign
   ========================================================================== */
.article-sec {
	padding: 10px 0 !important;
	background-color: #fff;
}

.article-sec .latest-article-slider {
	margin-top: 20px !important;
}

.article-sec .latest-article-slider .item {
	padding: 0 6px;
}

.article-sec .article-card {
	height: 460px;
	background: #ffffff;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05) !important;
	border: 1px solid rgba(0, 0, 0, 0.05);
	margin: 10px 6px 4px 6px !important;
	transition: all 0.3s ease;
}

.article-sec .article-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 12px 28px rgba(0, 0, 0, 0.1) !important;
	border-color: rgba(197, 160, 89, 0.2);
}

.article-sec .article-card .icon-part {
	position: relative;
	height: 160px;
	overflow: hidden;
}

.article-sec .article-card .icon-part img {
	width: 100%;
	height: 100% !important;
	object-fit: cover;
	transition: transform 0.6s ease;
}

.article-sec .article-card:hover .icon-part img {
	transform: scale(1.06);
}

.article-sec .article-card .text-part {
	padding: 14px 14px 12px !important;
}

.article-sec .article-card .text-part h3 {
	font-size: 16px;
	line-height: 1.3;
	font-weight: 700;
	color: #111;
	height: auto !important;
	margin-bottom: 10px !important;
	transition: color 0.3s ease;
}

.article-sec .article-card:hover .text-part h3 {
	color: #c5a059;
}

.article-sec .article-card .text-part p {
	font-size: 13px;
	line-height: 1.5;
	color: #666;
	margin-bottom: 12px;
}

.article-sec .newsbutton {
	border-top: 1px solid rgba(0, 0, 0, 0.06);
	padding-top: 10px;
}

.article-sec .theme-button {
	background: var(--gold-gradient) !important;
	color: #fff !important;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	padding: 10px 18px;
	display: inline-block;
	transition: all 0.2s ease;
}

.article-sec .theme-button:hover {
	transform: translateY(-2px);
	box-shadow: var(--gold-glow);
}

/* ==========================================================================
   Footer Improvements (Premium styling)
   ========================================================================== */
.footer {
	background-color: #0b0d10 !important;
	border-top: 3px solid #c5a059;
	padding: 25px 0 0 0 !important;
}

.footer-card strong {
	font-family: 'AdobeCleanBold', sans-serif;
	color: #fff;
	font-size: 18px;
	border-bottom: 2px solid #c5a059;
	display: inline-block;
	padding-bottom: 8px;
	margin-bottom: 25px !important;
	letter-spacing: 0.5px;
}

.footer-card {
	color: #b3b9c4;
	font-size: 14px;
	line-height: 1.6;
}

.footer-card a {
	color: #b3b9c4 !important;
	transition: color 0.3s ease;
}

.footer-card a:hover {
	color: #c5a059 !important;
}

.footer-card .social-flex ul {
	display: flex;
	gap: 12px;
	margin-top: 20px;
}

.footer-card .social-flex a i {
	background-color: #16191f;
	border: 1px solid rgba(255, 255, 255, 0.05);
	width: 40px;
	height: 40px;
	border-radius: 50%;
	display: flex !important;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease;
}

.footer-card .social-flex a:hover i {
	background: var(--gold-gradient);
	color: #fff !important;
	box-shadow: var(--gold-glow);
	transform: translateY(-3px);
}

.links-part ul li {
	margin-bottom: 12px !important;
}

.links-part ul li::before {
	color: #c5a059 !important;
}

.copyright-sec {
	background: #060709 !important;
	border-top: 1px solid rgba(255, 255, 255, 0.05);
	padding: 25px 0 !important;
	margin-top: 30px !important;
}

.copyright-sec p {
	font-size: 13px;
	color: #718096;
}

/* Force Visibility Overrides */
.about-us-sec {
	display: block !important;
	opacity: 1 !important;
	visibility: visible !important;
}

.about-us-sec .about-new-row {
	display: grid !important;
	grid-template-columns: 1fr 1.2fr !important;
	align-items: center !important;
	gap: 50px !important;
	opacity: 1 !important;
	visibility: visible !important;
	transform: none !important;
}

.about-new-img-col,
.about-new-text-col {
	width: 100% !important;
	max-width: 100% !important;
}

@media (max-width: 991px) {
	.about-us-sec .about-new-row {
		grid-template-columns: 1fr !important;
		gap: 40px !important;
	}
}

/* Container Max-Width Override */
@media (min-width: 1500px) {

	.container,
	.container-lg,
	.container-md,
	.container-sm,
	.container-xl,
	.container-xxl {
		max-width: 1500px !important;
	}
}

/* Pull dots closer to cards when nav arrows are disabled */
.owl-theme .owl-nav.disabled+.owl-dots {
	margin-top: 8px !important;
}

.contact-us-page {
	margin-top: 0 !important;
	padding-top: 120px;
	/* ensure hero not hidden behind fixed header */
}

/* Fallback background color for hero if image missing */
.contact-hero {
	background-color: #111;
	/* dark fallback */
	background-size: cover;
	background-position: center;
	min-height: 420px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.contact-us-page {
	margin-top: 0 !important;
	padding-top: 0 !important;
}

/* Preserve existing .about-us-page rule if needed */
.about-us-page {
	margin-top: 0 !important;
	padding-top: 0 !important;
}

/* ==========================================================================
   Page Hero Sections (About Us, Real Estate, etc.)
   ========================================================================== */
.about-hero,
.real-estate-hero,
.contact-hero {
	position: relative;
	min-height: 420px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	background-size: cover;
	background-position: center;
	overflow: hidden;
	margin-bottom: 40px;
	padding: 40px 0;
}

/* Contact page specific styling to match design */
.main.contact-page {
	padding: 40px 0 60px;
}

.main.contact-page .row {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row !important;
	align-items: flex-start;
	gap: 30px;
}

@media (min-width: 992px) {
	.main.contact-page .col-lg-6 {
		flex: 0 0 50%;
		max-width: 50%;
	}

	.main.contact-page .order-lg-1 {
		order: 1;
	}

	.main.contact-page .order-lg-2 {
		order: 2;
	}
}

.main.contact-page .col-lg-6:first-child {
	padding-right: 30px;
}

.main.contact-page .col-lg-6:last-child {
	padding-left: 30px;
}

.main.contact-page h2 {
	font-size: 56px;
	font-weight: 800;
	margin-bottom: 20px;
	color: #0b0b0b;
}

.contact-address {
	margin-top: 8px;
}

.contact-address p {
	display: flex;
	align-items: center;
	gap: 12px;
	color: #6e6b78;
	margin: 0 0 12px;
	font-size: 16px;
	line-height: 1.6;
}

.contact-address p img {
	width: 22px;
	height: 22px;
	object-fit: contain;
	margin: 0;
	float: none;
}

.contact-page .form-control {
	width: 100%;
	padding: 12px 14px;
	border: 1px solid #e9e9e9;
	border-radius: 2px;
	background: #fff;
	color: #222;
	box-shadow: none;
}

.contact-page textarea.form-control {
	min-height: 140px;
}

.contact-page .btn-gold-premium {
	background: linear-gradient(90deg, #d6aa6a, #a77a39);
	color: #fff;
	padding: 12px 28px;
	border-radius: 6px;
	box-shadow: 0 18px 30px rgba(163, 124, 77, 0.08);
	border: none;
	margin-top: 18px;
	display: inline-block;
}

.contact-page .btn-gold-premium:hover {
	opacity: .95
}

.contact-info-card,
.contact-form-card {
	background: #fff;
	border-radius: 24px;
	padding: 34px;
	border: 1px solid rgba(29, 44, 82, 0.08);
}

.contact-info-card__intro {
	margin-top: 20px;
	margin-bottom: 28px;
	font-size: 16px;
	line-height: 1.8;
	color: #5f5f67;
}

.contact-address {
	margin-top: 0;
}

.contact-address-item {
	display: flex;
	align-items: flex-start;
	gap: 16px;
	margin-bottom: 22px;
}

.contact-address-item img {
	width: 26px;
	height: 26px;
	flex-shrink: 0;
}

.contact-address-item span,
.contact-address-item a {
	display: block;
	color: #37343f;
	font-size: 16px;
	line-height: 1.8;
}

.contact-address-item a {
	font-weight: 600;
	text-decoration: none;
}

.contact-address-item a:hover {
	color: #a77a39;
}

.contact-form-card__title {
	font-size: 32px;
	font-weight: 800;
	margin-bottom: 26px;
	color: #121212;
}

.contact-page-direct {
	background: #fff;
	border-top: 1px solid rgba(201, 152, 60, 0.08);
	padding: 5px 0 30px;
	position: relative;
	overflow: hidden;
	display: flex !important;
	flex-wrap: wrap !important;
	align-items: flex-start !important;
	justify-content: space-between !important;
	gap: 14px !important;
}

.contact-page-direct>.col-lg-5,
.contact-page-direct>.col-lg-7 {
	flex: 0 0 100% !important;
	max-width: 100% !important;
}

@media (min-width: 992px) {
	.contact-page-direct {
		flex-wrap: nowrap !important;
	}

	.contact-page-direct>.col-lg-5,
	.contact-page-direct>.col-lg-7 {
		flex: 0 0 50% !important;
		max-width: 50% !important;
		width: 50% !important;
	}
}

.contact-page-direct .contact-content {
	padding-right: 20px;
}

.contact-page-direct .contact-eyebrow {
	display: inline-block;
	margin-bottom: 14px;
	color: #c9983c;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 2px;
	text-transform: uppercase;
}

.contact-page-direct .contact-title {
	margin-bottom: 18px;
	color: #111;
	font-size: 34px;
	font-weight: 800;
	line-height: 1.2;
}

.contact-page-direct .contact-desc,
.contact-page-direct .contact-page-copy {
	max-width: 520px;
	margin-bottom: 24px;
	color: #666;
	font-size: 16px;
	line-height: 1.8;
}

.contact-page-direct .contact-points {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: 14px;
}

.contact-page-direct .contact-points li {
	border-left: 3px solid #c9983c;
	padding-left: 14px;
}

.contact-page-direct .contact-points strong {
	display: block;
	color: #111;
	font-size: 15px;
	font-weight: 700;
	margin-bottom: 2px;
}

.contact-page-direct .contact-points span {
	display: block;
	color: #777;
	font-size: 14px;
	line-height: 1.5;
}

.contact-page-direct .contact-address-list {
	margin-top: 24px;
	display: grid;
	gap: 18px;
}

.contact-page-direct .contact-form-box {
	background: #fff;
	border: 1px solid rgba(201, 152, 60, 0.16);
	border-radius: 12px;
	padding: 18px 20px;
	box-shadow: 0 12px 25px rgba(0, 0, 0, 0.04);
	width: 100% !important;
	max-width: 100%;
}

.contact-page-direct .contact-form-title {
	margin-bottom: 8px;
	color: #111;
	font-size: 24px;
	font-weight: 700;
}

.contact-page-direct .contact-form-subtitle {
	margin-bottom: 16px;
	color: #777;
	font-size: 14px;
	line-height: 1.6;
}

.contact-page-direct .wpcf7-form {
	margin: 0;
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	gap: 12px !important;
}

.contact-page-direct .wpcf7-form p {
	width: 100% !important;
	margin: 0 !important;
}

.contact-page-direct .wpcf7-form p:nth-last-child(2),
.contact-page-direct .wpcf7-form p:last-child {
	grid-column: 1 / -1 !important;
}

.contact-page-direct .wpcf7-form span.wpcf7-form-control-wrap {
	display: block !important;
	width: 100% !important;
}

.contact-page-direct .wpcf7-form input[type="text"],
.contact-page-direct .wpcf7-form input[type="email"],
.contact-page-direct .wpcf7-form input[type="tel"],
.contact-page-direct .wpcf7-form select,
.contact-page-direct .wpcf7-form textarea {
	width: 100% !important;
	max-width: 100% !important;
	display: block !important;
	box-sizing: border-box !important;
	width: 100% !important;
	max-width: 100% !important;
	background: #fff !important;
	border: 1px solid #ddd !important;
	border-radius: 4px !important;
	color: #222 !important;
	padding: 10px 12px !important;
	font-size: 14px !important;
	outline: none !important;
	box-shadow: none !important;
	transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}

.contact-page-direct .wpcf7-form input[type="text"]::placeholder,
.contact-page-direct .wpcf7-form input[type="email"]::placeholder,
.contact-page-direct .wpcf7-form input[type="tel"]::placeholder,
.contact-page-direct .wpcf7-form textarea::placeholder {
	color: #777 !important;
}

.contact-page-direct .wpcf7-form input[type="text"]:focus,
.contact-page-direct .wpcf7-form input[type="email"]:focus,
.contact-page-direct .wpcf7-form input[type="tel"]:focus,
.contact-page-direct .wpcf7-form textarea:focus {
	border-color: #c9983c !important;
	box-shadow: 0 0 0 3px rgba(201, 152, 60, 0.12) !important;
}

.contact-page-direct .wpcf7-form textarea {
	min-height: 96px !important;
	resize: vertical !important;
}

.contact-page-direct .wpcf7-form input[type="submit"],
.contact-page-direct .wpcf7-submit {
	background: #c9983c !important;
	border: none !important;
	border-radius: 4px !important;
	color: #fff !important;
	padding: 11px 30px !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	cursor: pointer !important;
	transition: background 0.2s ease, transform 0.2s ease !important;
}

.contact-page-direct .wpcf7-form input[type="submit"]:hover,
.contact-page-direct .wpcf7-submit:hover {
	background: #111 !important;
	color: #fff !important;
	transform: translateY(-1px) !important;
}

@media (max-width: 991px) {
	.contact-page-direct {
		padding: 10px 0 30px;
	}

	.contact-page-direct .contact-content {
		padding-right: 0;
		margin-bottom: 24px;
	}

	.contact-page-direct .contact-form-box {
		padding: 24px 20px;
	}

	.contact-page-direct .contact-title {
		font-size: 30px;
	}
}

@media (max-width: 575px) {
	.contact-page-direct {
		padding: 10px 0 30px;
	}

	.contact-page-direct .contact-form-box {
		padding: 22px 16px;
	}

	.contact-page-direct .contact-title {
		font-size: 26px;
	}
}

.about-hero .hero-bg,
.real-estate-hero .hero-bg,
.contact-hero .hero-bg,
.about-hero .hero-overlay,
.real-estate-hero .hero-overlay,
.contact-hero .hero-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.about-hero .hero-bg,
.real-estate-hero .hero-bg,
.contact-hero .hero-bg {
	background-size: cover;
	background-position: center;
	z-index: 1;
}

.about-hero .hero-overlay,
.real-estate-hero .hero-overlay,
.contact-hero .hero-overlay {
	background: linear-gradient(to right, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.4) 60%, rgba(0, 0, 0, 0.2) 100%);
	z-index: 2;
}

.about-hero .container,
.real-estate-hero .container,
.contact-hero .container {
	z-index: 3;
	position: relative;
	height: 100%;
	display: flex;
	align-items: center;
}

.about-hero .row,
.real-estate-hero .row,
.contact-hero .row {
	width: 100%;
	align-items: center;
}

.about-hero .hero-title,
.real-estate-hero .hero-title,
.contact-hero .hero-title {
	font-family: 'AdobeCleanBold', 'DM Sans', sans-serif;
	font-size: 56px;
	font-weight: 800;
	line-height: 1.2;
	color: #fff;
	margin-bottom: 20px;
	text-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
}

.about-hero .hero-copy,
.real-estate-hero .hero-copy,
.contact-hero .hero-copy {
	font-size: 18px;
	line-height: 1.6;
	color: #f1f2f5;
	margin-bottom: 30px;
	text-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
}

.about-hero span.text-uppercase,
.real-estate-hero span.text-uppercase,
.contact-hero span.text-uppercase {
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: #c5a059;
	display: inline-block;
	margin-bottom: 15px;
}

@media (max-width: 1200px) {

	.about-hero,
	.real-estate-hero,
	.contact-hero {
		min-height: 450px;
		padding: 50px 0;
	}

	.about-hero .hero-title,
	.real-estate-hero .hero-title,
	.contact-hero .hero-title {
		font-size: 48px;
	}

	.about-hero .hero-copy,
	.real-estate-hero .hero-copy,
	.contact-hero .hero-copy {
		font-size: 16px;
	}
}

@media (max-width: 768px) {

	.about-hero,
	.real-estate-hero,
	.contact-hero {
		min-height: 350px;
		padding: 40px 0;
		margin-bottom: 40px;
	}

	.about-hero .hero-title,
	.real-estate-hero .hero-title,
	.contact-hero .hero-title {
		font-size: 36px;
	}

	.about-hero .hero-copy,
	.real-estate-hero .hero-copy,
	.contact-hero .hero-copy {
		font-size: 14px;
		margin-bottom: 20px;
	}

	.about-hero .col-lg-7,
	.real-estate-hero .col-lg-7,
	.contact-hero .col-lg-7 {
		flex: 0 0 100%;
		max-width: 100%;
	}
}

/* Background Glow Orbs for About Us, Contact Page, and Blog Page */
.about-us-page .glow-orb,
.contact-us-page .glow-orb,
.blog-page .glow-orb {
	position: absolute;
	width: 450px;
	height: 450px;
	border-radius: 50%;
	background: radial-gradient(circle, rgba(197, 160, 89, 0.07) 0%, rgba(197, 160, 89, 0) 70%);
	filter: blur(80px);
	z-index: 0;
	pointer-events: none;
}

.about-us-page .glow-orb-1,
.contact-us-page .glow-orb-1,
.blog-page .glow-orb-1 {
	top: 5%;
	left: -150px;
}

.about-us-page .glow-orb-2,
.contact-us-page .glow-orb-2,
.blog-page .glow-orb-2 {
	top: 45%;
	right: -200px;
}

.about-us-page .glow-orb-3,
.contact-us-page .glow-orb-3,
.blog-page .glow-orb-3 {
	bottom: 5%;
	left: 20%;
	width: 600px;
	height: 600px;
	background: radial-gradient(circle, rgba(197, 160, 89, 0.05) 0%, rgba(197, 160, 89, 0) 75%);
}

/* Swiper Navigation Arrows - Responsive and RTL positioning */
:root {
	--swiper-arrow-offset: 50px;
}

@media screen and (min-width: 1440px) and (max-width: 2560px) {
	:root {
		--swiper-arrow-offset: 80px;
	}
}

@media screen and (min-width: 1601px) and (max-width: 1800px) {
	:root {
		--swiper-arrow-offset: 40px;
	}
}

@media screen and (max-width: 1300px) {
	:root {
		--swiper-arrow-offset: 20px;
	}
}

@media screen and (max-width: 576px) {
	:root {
		--swiper-arrow-offset: 15px;
	}
}

/* Base positioning rules for LTR (English/Default) */
.swiper-button-next.next-btn {
	right: var(--swiper-arrow-offset) !important;
	left: auto !important;
}

.swiper-button-prev.prev-btn {
	left: var(--swiper-arrow-offset) !important;
	right: auto !important;
}

/* Positioning rules for RTL (Arabic/Portuguese RTL) */
html[dir="rtl"] .swiper-button-next.next-btn,
body.rtl .swiper-button-next.next-btn {
	left: var(--swiper-arrow-offset) !important;
	right: auto !important;
}

html[dir="rtl"] .swiper-button-prev.prev-btn,
body.rtl .swiper-button-prev.prev-btn {
	right: var(--swiper-arrow-offset) !important;
	left: auto !important;
}

/* Flip chevron images in RTL */
html[dir="rtl"] .swiper-button-next.next-btn img,
html[dir="rtl"] .swiper-button-prev.prev-btn img,
body.rtl .swiper-button-next.next-btn img,
body.rtl .swiper-button-prev.prev-btn img {
	transform: rotate(180deg);
}

/* Move the black navigation bar a little up on desktop when not sticky */
@media screen and (min-width: 1200px) {
	.topheader:not(.header-fixed) {
		padding: 18px 0 38px !important;
	}

	html[dir="rtl"] .topheader:not(.header-fixed) {
		padding: 18px 0 52px !important;
	}

	.topheader:not(.header-fixed) .fixed-menu {
		bottom: -50px !important;
	}

	html[dir="rtl"] .topheader:not(.header-fixed) .fixed-menu {
		bottom: -56px !important;
	}
}

/* Premium Mobile styles moved to end of stylesheet to consolidate overrides cleanly */

/* ==========================================================================
   RTL Swiper Slider Styles
   ========================================================================== */
html[dir="rtl"] .hero-slider .banner-text,
body.rtl .hero-slider .banner-text {
	text-align: right !important;
	padding-right: 150px !important;
	padding-left: 20px !important;
}

html[dir="rtl"] .hero-slider .banner-text strong,
body.rtl .hero-slider .banner-text strong {
	font-size: 42px !important;
	line-height: 1.3 !important;
	letter-spacing: normal !important;
}

html[dir="rtl"] .hero-slider .banner-text p,
body.rtl .hero-slider .banner-text p {
	text-align: right !important;
}

@media (max-width: 991px) {

	html[dir="rtl"] .hero-slider .banner-text,
	body.rtl .hero-slider .banner-text {
		padding-right: 100px !important;
		padding-left: 20px !important;
	}

	html[dir="rtl"] .hero-slider .banner-text strong,
	body.rtl .hero-slider .banner-text strong {
		font-size: 36px !important;
	}
}

@media (max-width: 767px) {

	html[dir="rtl"] .hero-slider .banner-text,
	body.rtl .hero-slider .banner-text {
		padding-right: 80px !important;
		padding-left: 20px !important;
	}

	html[dir="rtl"] .hero-slider .banner-text strong,
	body.rtl .hero-slider .banner-text strong {
		font-size: 30px !important;
	}
}

/* ==========================================================================
   Footer Lists and Spacing Rules (LTR & RTL)
   ========================================================================== */
.links-part ul li,
.links-part ul li a {
	font-size: 15px !important;
}

/* ==========================================================================
   RTL Footer Lists & Spacing Overrides
   ========================================================================== */
html[dir="rtl"] .links-part .menu,
body.rtl .links-part .menu,
html[dir="rtl"] .links-part ul,
body.rtl .links-part ul {
	padding: 0 !important;
	margin: 0 !important;
	margin-right: -15px !important;
	/* Shifts the list to align perfectly with the header */
	list-style: none !important;
}

html[dir="rtl"] .links-part ul li,
body.rtl .links-part ul li {
	padding-right: 20px !important;
	padding-left: 0 !important;
	margin-right: 0 !important;
	margin-left: 0 !important;
	text-align: right !important;
}

html[dir="rtl"] .links-part ul li::before,
body.rtl .links-part ul li::before {
	right: 0 !important;
	left: auto !important;
	content: '\f105' !important;
}

/* Force dark background and remove bottom margin only in Arabic/RTL to eliminate the white strip at the bottom */
html[dir="rtl"] .copyright-sec p,
body.rtl .copyright-sec p {
	margin-bottom: 0 !important;
}

html[dir="rtl"],
html[dir="rtl"] body {
	background-color: #ffffff !important;
}

/* Keep the top header background white in Arabic/RTL */
html[dir="rtl"] .topheader,
body.rtl .topheader {
	background-color: #ffffff !important;
}

/* Apply Cairo Font to all Arabic/RTL text elements, avoiding FontAwesome icon classes */
html[dir="rtl"],
html[dir="rtl"] body,
html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] h4,
html[dir="rtl"] h5,
html[dir="rtl"] h6,
html[dir="rtl"] p,
html[dir="rtl"] span,
html[dir="rtl"] a,
html[dir="rtl"] li,
html[dir="rtl"] strong,
html[dir="rtl"] em,
html[dir="rtl"] input,
html[dir="rtl"] button,
html[dir="rtl"] select,
html[dir="rtl"] textarea,
body.rtl,
body.rtl body,
body.rtl h1,
body.rtl h2,
body.rtl h3,
body.rtl h4,
body.rtl h5,
body.rtl h6,
body.rtl p,
body.rtl span,
body.rtl a,
body.rtl li,
body.rtl strong,
body.rtl em,
body.rtl input,
body.rtl button,
body.rtl select,
body.rtl textarea {
	font-family: 'Cairo', sans-serif !important;
}

/* Safety net to prevent FontAwesome icon overrides in RTL */
html[dir="rtl"] .fa,
html[dir="rtl"] .fab,
html[dir="rtl"] .far,
html[dir="rtl"] .fas,
html[dir="rtl"] i,
html[dir="rtl"] [class*="fa-"],
body.rtl .fa,
body.rtl .fab,
body.rtl .far,
body.rtl .fas,
body.rtl i,
body.rtl [class*="fa-"] {
	font-family: 'FontAwesome', 'Font Awesome 6 Free', 'Font Awesome 6 Brands' !important;
}

/* Blog/Generic Inner Banner Standardization */
.inner-banner {
	position: relative;
	min-height: 420px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: flex-start !important;
	overflow: hidden;
	margin-bottom: 40px !important;
	padding: 40px 0 !important;
}

.inner-banner img {
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	z-index: 1 !important;
}

.inner-banner::after {
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	width: 100% !important;
	height: 100% !important;
	background: linear-gradient(to right, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.4) 60%, rgba(0, 0, 0, 0.2) 100%) !important;
	z-index: 2 !important;
	content: '' !important;
}

.inner-banner .text-part {
	position: relative !important;
	z-index: 3 !important;
	width: 100% !important;
}

.inner-banner .text-part h1 {
	font-family: 'AdobeCleanBold', 'DM Sans', sans-serif !important;
	font-size: 56px !important;
	font-weight: 800 !important;
	line-height: 1.2 !important;
	color: #fff !important;
	margin-bottom: 20px !important;
	text-shadow: 0 2px 10px rgba(0, 0, 0, 0.5) !important;
}

.inner-banner .text-part p {
	font-size: 18px !important;
	line-height: 1.6 !important;
	color: #f1f2f5 !important;
	margin-bottom: 30px !important;
	text-shadow: 0 1px 5px rgba(0, 0, 0, 0.5) !important;
}

/* Responsive adjustments for inner banner */
@media (max-width: 1200px) {
	.inner-banner {
		min-height: 450px !important;
		padding: 50px 0 !important;
	}

	.inner-banner .text-part h1 {
		font-size: 48px !important;
	}

	.inner-banner .text-part p {
		font-size: 16px !important;
	}
}

@media (max-width: 768px) {
	.inner-banner {
		min-height: 350px !important;
		padding: 40px 0 !important;
		margin-bottom: 40px !important;
	}

	.inner-banner .text-part h1 {
		font-size: 36px !important;
	}

	.inner-banner .text-part p {
		font-size: 14px !important;
		margin-bottom: 20px !important;
	}
}

/* RTL Breadcrumb Arrow Flip */
[dir="rtl"] .breadcrumb-item+.breadcrumb-item::before {
	content: '\f177' !important;
}

body.rtl .breadcrumb-item+.breadcrumb-item::before {
	content: '\f177' !important;
}

/* Remove spacing gap between hero banner and breadcrumbs */
.about-hero,
.real-estate-hero,
.contact-hero,
.inner-banner {
	margin-bottom: 0px !important;
}

/* Add appropriate spacing below the breadcrumb bar to separate it from page content */
.breadcrumb-sec {
	margin-bottom: 40px !important;
	background: #f5f5f5 !important;
	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.04) !important;
}

/* ==========================================================================
   Hero Slider Mobile-Friendly Responsive Styles (LTR & RTL)
   ========================================================================== */

/* --- TABLET DEVICES (max-width: 991px) --- */
@media (max-width: 991px) {

	/* Responsive height of the slider */
	.hero-slider,
	.hero-slider .swiper,
	.hero-slider .swiper-wrapper,
	.hero-slider .swiper-slide {
		height: 45vh !important;
		min-height: 320px !important;
	}

	.hero-slider .swiper-slide img {
		height: 100% !important;
	}

	/* Text positioning and font sizes (LTR) */
	.hero-slider .banner-text {
		padding-left: 60px !important;
		padding-right: 60px !important;
	}

	.hero-slider .banner-text strong {
		font-size: 44px !important;
	}

	.hero-slider .banner-text p {
		font-size: 16px !important;
		margin: 15px 0 20px 0 !important;
	}

	/* Text positioning and font sizes (RTL) */
	html[dir="rtl"] .hero-slider .banner-text,
	body.rtl .hero-slider .banner-text {
		padding-right: 60px !important;
		padding-left: 60px !important;
	}

	html[dir="rtl"] .hero-slider .banner-text strong,
	body.rtl .hero-slider .banner-text strong {
		font-size: 34px !important;
	}

	/* Navigation arrows */
	.swiper-button-next.next-btn,
	.swiper-button-prev.prev-btn {
		width: 44px !important;
		height: 44px !important;
		margin-top: -22px !important;
	}
}

/* --- MOBILE LANDSCAPE / PORTRAIT (max-width: 767px) --- */
@media (max-width: 767px) {

	/* Responsive height of the slider */
	.hero-slider,
	.hero-slider .swiper,
	.hero-slider .swiper-wrapper,
	.hero-slider .swiper-slide {
		height: 40vh !important;
		min-height: 260px !important;
	}

	/* Text positioning and font sizes (LTR) */
	.hero-slider .banner-text {
		padding-left: 45px !important;
		padding-right: 45px !important;
	}

	.hero-slider .banner-text strong {
		font-size: 34px !important;
		line-height: 1.25 !important;
		letter-spacing: -0.5px !important;
	}

	.hero-slider .banner-text p {
		font-size: 15px !important;
		margin: 12px 0 18px 0 !important;
		line-height: 1.5 !important;
	}

	/* Text positioning and font sizes (RTL) */
	html[dir="rtl"] .hero-slider .banner-text,
	body.rtl .hero-slider .banner-text {
		padding-right: 45px !important;
		padding-left: 45px !important;
	}

	html[dir="rtl"] .hero-slider .banner-text strong,
	body.rtl .hero-slider .banner-text strong {
		font-size: 26px !important;
		line-height: 1.3 !important;
	}

	/* Navigation arrows */
	.swiper-button-next.next-btn,
	.swiper-button-prev.prev-btn {
		width: 36px !important;
		height: 36px !important;
		margin-top: -18px !important;
	}

	.swiper-button-next.next-btn {
		right: 8px !important;
	}

	.swiper-button-prev.prev-btn {
		left: 8px !important;
	}

	.swiper-button-next.next-btn img,
	.swiper-button-prev.prev-btn img {
		width: 10px !important;
		height: 10px !important;
	}
}

/* --- SMALL MOBILE DEVICES (max-width: 575px) --- */
@media (max-width: 575px) {

	/* Responsive height of the slider */
	.hero-slider,
	.hero-slider .swiper,
	.hero-slider .swiper-wrapper,
	.hero-slider .swiper-slide {
		height: 35vh !important;
		min-height: 200px !important;
	}

	/* Text positioning and font sizes (LTR) */
	.hero-slider .banner-text {
		padding-left: 30px !important;
		padding-right: 30px !important;
	}

	.hero-slider .banner-text strong {
		font-size: 26px !important;
		line-height: 1.25 !important;
	}

	.hero-slider .banner-text p {
		font-size: 14px !important;
		margin: 10px 0 15px 0 !important;
		line-height: 1.4 !important;
	}

	/* Text positioning and font sizes (RTL) */
	html[dir="rtl"] .hero-slider .banner-text,
	body.rtl .hero-slider .banner-text {
		padding-right: 30px !important;
		padding-left: 30px !important;
	}

	html[dir="rtl"] .hero-slider .banner-text strong,
	body.rtl .hero-slider .banner-text strong {
		font-size: 20px !important;
		line-height: 1.3 !important;
	}

	/* Navigation arrows */
	.swiper-button-next.next-btn,
	.swiper-button-prev.prev-btn {
		width: 30px !important;
		height: 30px !important;
		margin-top: -15px !important;
	}

	.swiper-button-next.next-btn {
		right: 6px !important;
	}

	.swiper-button-prev.prev-btn {
		left: 6px !important;
	}

	.swiper-button-next.next-btn img,
	.swiper-button-prev.prev-btn img {
		width: 8px !important;
		height: 8px !important;
	}

	/* Center "Read More" button in the About Us section on mobile */
	.about-us-sec-inner .theme-button,
	.about-us-sec-inner .btn {
		display: block !important;
		margin: 20px auto 0 auto !important;
		width: fit-content !important;
		text-align: center !important;
	}
}


/* ==========================================================================
   Redesigned Header Styles (Seeds Global Redesign)
   ========================================================================== */

/* Hide old contact info bar completely - Commented out to restore phone/email top bar
.topheader .address-part,
.topheader .address-part--ar {
	display: none !important;
} */

/* Header background modifiers */
.topheader.main-header.header-bg-black {
	background-color: #ffffff !important;
	border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.topheader.main-header.header-bg-white {
	background-color: #ffffff !important;
	border-bottom: 1px solid rgba(0, 0, 0, 0.05);
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);
}

/* RTL Header background overrides */
html[dir="rtl"] .topheader.main-header,
body.rtl .topheader.main-header {
	background-color: transparent;
	/* Fallback, class modifiers will use !important */
}

html[dir="rtl"] .topheader.main-header.header-bg-black,
body.rtl .topheader.main-header.header-bg-black {
	background-color: #ffffff !important;
}

html[dir="rtl"] .topheader.main-header.header-bg-white,
body.rtl .topheader.main-header.header-bg-white {
	background-color: #ffffff !important;
}

/* Flex Container Setup */
.custom-header-wrapper {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	padding: 10px 0;
	position: relative;
}

.custom-header-logo {
	display: flex;
	align-items: center;
	z-index: 10;
}

.custom-header-logo .logo {
	margin: 0 !important;
	padding: 0 !important;
	display: flex;
	align-items: center;
}

.custom-header-logo .logo img {
	display: block !important;
	transition: max-width 0.3s ease;
}

/* Hide default Polylang injected menu items to prevent duplicate/overlapping switcher globally */
header .pll-parent-menu-item,
header .menu-item-language,
#menu-header_menu .pll-parent-menu-item,
#menu-header_menu_ar .pll-parent-menu-item,
#menu-header_menu .menu-item-language,
#menu-header_menu_ar .menu-item-language,
.pll-parent-menu-item,
.menu-item-language {
	display: none !important;
}

/* Menu Pill Container (Desktop) */
@media screen and (min-width: 1200px) {
	.custom-header-menu {
		display: flex !important;
		align-items: center;
		justify-content: center;
		flex-grow: 1;
		z-index: 5;
	}

	.menu-pill-wrapper {
		background-color: #161616;
		/* Default Dark Grey wrapper */
		padding: 4px 16px 4px 28px;
		/* Balanced padding for menu + lang selector */
		border-radius: 4px;
		transition: background-color 0.3s ease;
		display: flex;
		align-items: center;
		gap: 20px;
	}

	.header-bg-white .menu-pill-wrapper {
		background-color: #f5f5f5;
		/* Light Grey wrapper for white header */
	}

	/* Relocated menu language switcher */
	.menu-lang-sec {
		border-inline-start: 1px solid rgba(255, 255, 255, 0.15);
		padding-inline-start: 16px;
		display: flex;
		align-items: center;
	}

	.header-bg-white .menu-lang-sec {
		border-inline-start: 1px solid rgba(0, 0, 0, 0.1);
	}

	/* Menu items layout */
	.custom-header-menu .navbar-nav {
		display: flex;
		flex-direction: row;
		align-items: center;
		gap: 24px;
		margin: 0 !important;
		padding: 0 !important;
	}

	.custom-header-menu .menu-item {
		margin: 0 !important;
		padding: 0 !important;
		height: auto !important;
		position: relative;
	}

	.custom-header-menu .navbar-nav>.menu-item>a {
		font-size: 16px !important;
		font-weight: 500 !important;
		padding: 10px 0 !important;
		text-transform: none;
		transition: color 0.3s ease;
		color: #ffffff !important;
		/* Default white text */
		position: relative;
		display: inline-block;
	}

	.header-bg-white .custom-header-menu .navbar-nav>.menu-item>a {
		color: #050708 !important;
		/* Black text on white background */
	}

	/* Active item & hover indicator */
	.custom-header-menu .menu-item a:hover,
	.custom-header-menu .menu-item.current-menu-item>a {
		color: #c5a059 !important;
		/* Gold highlight */
	}

	.custom-header-menu .menu-item.current-menu-item>a::after {
		content: '';
		position: absolute;
		bottom: 2px;
		left: 0;
		width: 100%;
		height: 2px;
		background-color: #c5a059;
		border-radius: 2px;
	}

	/* Submenu styles */
	.custom-header-menu .sub-menu {
		position: absolute;
		top: 100%;
		left: 50%;
		transform: translateX(-50%) translateY(10px);
		background-color: #161616;
		border: 1px solid rgba(255, 255, 255, 0.08);
		border-radius: 4px;
		min-width: 180px;
		padding: 8px 0;
		list-style: none;
		opacity: 0;
		pointer-events: none;
		transition: all 0.3s ease;
		box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
		z-index: 100;
	}

	/* .header-bg-white .custom-header-menu .sub-menu {
		background-color: #ffffff;
		border: 1px solid rgba(0, 0, 0, 0.06);
		box-shadow: 0 10px 30px rgba(0,0,0,0.08);
	} */

	.custom-header-menu .menu-item:hover .sub-menu {
		opacity: 1;
		pointer-events: auto;
		transform: translateX(-50%) translateY(0);
	}

	.custom-header-menu .sub-menu li {
		padding: 0 !important;
		margin: 0 !important;
		border: none !important;
	}

	/* Specificity override to ensure padding in sub-menu list */
	#menu-header_menu .sub-menu li a,
	#menu-header_menu_ar .sub-menu li a,
	.custom-header-menu .sub-menu li a {
		display: block !important;
		padding: 10px 20px !important;
		/* Spacing in dropdown list */
		font-size: 15px !important;
		/* Clean readable size */
		color: rgba(255, 255, 255, 0.8) !important;
		transition: all 0.2s ease;
		text-align: start !important;
		/* Dynamic LTR/RTL text alignment */
	}

	/* .header-bg-white #menu-header_menu .sub-menu li a,
	.header-bg-white #menu-header_menu_ar .sub-menu li a,
	.header-bg-white .custom-header-menu .sub-menu li a {
		color: #333333 !important;
	} */

	#menu-header_menu .sub-menu li a:hover,
	#menu-header_menu_ar .sub-menu li a:hover,
	.custom-header-menu .sub-menu li a:hover {
		background-color: rgba(255, 255, 255, 0.05) !important;
		color: #c5a059 !important;
		padding-left: 24px !important;
	}

	html[dir="rtl"] #menu-header_menu .sub-menu li a:hover,
	html[dir="rtl"] #menu-header_menu_ar .sub-menu li a:hover,
	html[dir="rtl"] .custom-header-menu .sub-menu li a:hover,
	body.rtl #menu-header_menu .sub-menu li a:hover,
	body.rtl #menu-header_menu_ar .sub-menu li a:hover,
	body.rtl .custom-header-menu .sub-menu li a:hover {
		padding-left: 20px !important;
		padding-right: 24px !important;
	}

	/* .header-bg-white #menu-header_menu .sub-menu li a:hover,
	.header-bg-white #menu-header_menu_ar .sub-menu li a:hover,
	.header-bg-white .custom-header-menu .sub-menu li a:hover {
		background-color: #f9f9f9 !important;
		color: #c5a059 !important;
	} */

	/* Hide theme's default list item caret to prevent double arrow icon */
	.custom-header-menu .menu-item-has-children::after {
		display: none !important;
	}

	/* Dropdown caret for desktop menu items with submenus */
	.custom-header-menu .menu-item-has-children>a::after {
		content: ' ▾';
		display: inline-block;
		margin-inline-start: 6px;
		font-size: 10px;
		vertical-align: middle;
		transition: transform 0.2s ease;
		opacity: 0.8;
	}

	.custom-header-menu .menu-item-has-children:hover>a::after {
		transform: rotate(180deg);
	}

	/* Actions Wrapper (Desktop) */
	.custom-header-actions {
		display: flex;
		align-items: center;
		z-index: 10;
		flex-shrink: 0;
	}

	.actions-pill-wrapper {
		background-color: #161616;
		padding: 4px;
		/* Symmetrical padding around the single Consult button */
		border-radius: 4px;
		display: flex;
		align-items: center;
		transition: background-color 0.3s ease;
	}

	.header-bg-white .actions-pill-wrapper {
		background-color: #f5f5f5;
	}

	/* Language switcher style */
	.custom-lang-dropdown {
		position: relative;
	}

	.custom-lang-trigger {
		background: none;
		border: none;
		color: #ffffff;
		font-size: 14px;
		font-weight: 500;
		cursor: pointer;
		display: flex;
		align-items: center;
		gap: 6px;
		padding: 8px 0;
		outline: none;
	}

	.header-bg-white .custom-lang-trigger {
		color: #050708;
	}

	.custom-lang-trigger .lang-arrow {
		font-size: 14px;
		opacity: 1;
	}

	.lang-sec {
		gap: 20px !important;
	}

	.custom-lang-list {
		position: absolute;
		top: 100%;
		left: 50%;
		transform: translateX(-50%) translateY(10px);
		background-color: #161616;
		border: 1px solid rgba(255, 255, 255, 0.08);
		border-radius: 4px;
		list-style: none;
		padding: 6px 0;
		margin: 0;
		min-width: 110px;
		opacity: 0;
		pointer-events: none;
		transition: all 0.2s ease;
		box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);
		z-index: 101;
	}

	.header-bg-white .custom-lang-list {
		background-color: #ffffff;
		border: 1px solid rgba(0, 0, 0, 0.06);
		box-shadow: 0 8px 25px rgba(0, 0, 0, 0.06);
	}

	.custom-lang-dropdown:hover .custom-lang-list {
		opacity: 1;
		pointer-events: auto;
		transform: translateX(-50%) translateY(0);
	}

	.custom-lang-list li {
		padding: 0;
		margin: 0;
	}

	.custom-lang-list li a {
		display: block;
		padding: 6px 14px;
		font-size: 13px;
		color: rgba(255, 255, 255, 0.8);
		text-decoration: none;
		transition: all 0.2s ease;
		text-align: center;
	}

	.header-bg-white .custom-lang-list li a {
		color: #333333;
	}

	.custom-lang-list li a:hover {
		color: #c5a059;
		background-color: rgba(255, 255, 255, 0.05);
	}

	.header-bg-white .custom-lang-list li a:hover {
		background-color: #f9f9f9;
	}

	/* Consult Now Button styling */
	.consulation-btn-new {
		background-color: #ffffff !important;
		color: #000000 !important;
		font-size: 13px !important;
		font-weight: 700 !important;
		padding: 10px 20px !important;
		border-radius: 4px !important;
		text-decoration: none !important;
		display: inline-flex !important;
		align-items: center;
		gap: 6px;
		white-space: nowrap !important;
		transition: all 0.3s ease !important;
		box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
	}

	.header-bg-white .consulation-btn-new {
		background-color: #000000 !important;
		color: #ffffff !important;
	}

	.consulation-btn-new:hover {
		background-color: #c5a059 !important;
		color: #ffffff !important;
		transform: translateY(-2px);
		box-shadow: 0 4px 15px rgba(197, 160, 89, 0.3);
	}

	.consulation-btn-new .btn-arrow {
		font-size: 14px;
		transition: transform 0.2s ease;
	}

	.consulation-btn-new:hover .btn-arrow {
		transform: translateX(3px);
	}

	/* Mobile drawer action wrapper should be hidden on desktop */
	.mobile-only-drawer-actions {
		display: none !important;
	}
}

/* ==========================================================================
   RTL Layout Adjustments (Arabic)
   ========================================================================== */
html[dir="rtl"] .custom-header-wrapper,
body.rtl .custom-header-wrapper {
	flex-direction: row-reverse !important;
}

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

	html[dir="rtl"] .actions-pill-wrapper,
	body.rtl .actions-pill-wrapper {
		padding: 4px !important;
	}

	html[dir="rtl"] .menu-pill-wrapper,
	body.rtl .menu-pill-wrapper {
		padding: 4px 28px 4px 16px !important;
	}

	html[dir="rtl"] .consulation-btn-new .btn-arrow,
	body.rtl .consulation-btn-new .btn-arrow {
		transform: scaleX(-1);
	}

	html[dir="rtl"] .consulation-btn-new:hover .btn-arrow,
	body.rtl .consulation-btn-new:hover .btn-arrow {
		transform: scaleX(-1) translateX(3px);
	}
}

/* ==========================================================================
   Mobile & Tablet Responsive Styles (max-width: 1199px)
   ========================================================================== */
@media screen and (max-width: 1199px) {

	/* Hide desktop actions wrapper on mobile */
	.custom-header-actions {
		display: none !important;
	}

	.custom-header-wrapper {
		padding: 8px 0;
	}

	/* Drawer navigation container */
	.navbar-expand-lg .navbar-collapse {
		display: block !important;
		position: fixed !important;
		top: 0 !important;
		right: -100% !important;
		left: auto !important;
		width: 320px !important;
		max-width: 85% !important;
		height: 100vh !important;
		background: #161616 !important;
		/* Premium dark drawer background */
		box-shadow: -10px 0 30px rgba(0, 0, 0, 0.35) !important;
		z-index: 9999 !important;
		padding: 85px 24px 40px !important;
		visibility: hidden !important;
		pointer-events: none !important;
		transition: right 0.4s cubic-bezier(0.16, 1, 0.3, 1), visibility 0s linear 0.4s !important;
		overflow-y: auto;
	}

	/* Light drawer background modifier for white headers */
	.header-bg-white .navbar-expand-lg .navbar-collapse {
		background: #ffffff !important;
		box-shadow: -10px 0 30px rgba(0, 0, 0, 0.08) !important;
	}

	/* Force full 100% screen width on mobile phone viewports to prevent background logo cutoff */
	@media screen and (max-width: 575px) {
		.navbar-expand-lg .navbar-collapse {
			width: 100% !important;
			max-width: 100% !important;
		}
	}

	.navbar-expand-lg .navbar-collapse.show {
		right: 0 !important;
		left: auto !important;
		visibility: visible !important;
		pointer-events: auto !important;
		transition: right 0.4s cubic-bezier(0.16, 1, 0.3, 1), visibility 0s linear 0s !important;
	}

	/* RTL sliding menu drawer overrides */
	html[dir="rtl"] .navbar-expand-lg .navbar-collapse,
	body.rtl .navbar-expand-lg .navbar-collapse {
		left: -100% !important;
		right: auto !important;
		visibility: hidden !important;
		pointer-events: none !important;
		box-shadow: 10px 0 30px rgba(0, 0, 0, 0.35) !important;
		transition: left 0.4s cubic-bezier(0.16, 1, 0.3, 1), visibility 0s linear 0.4s !important;
	}

	html[dir="rtl"] .navbar-expand-lg .navbar-collapse.show,
	body.rtl .navbar-expand-lg .navbar-collapse.show {
		left: 0 !important;
		right: auto !important;
		visibility: visible !important;
		pointer-events: auto !important;
		transition: left 0.4s cubic-bezier(0.16, 1, 0.3, 1), visibility 0s linear 0s !important;
	}

	/* Menu items container layout inside Drawer */
	.custom-header-menu .navbar-nav {
		padding: 0 !important;
		display: flex;
		flex-direction: column;
		gap: 0 !important;
		margin-bottom: 30px !important;
		width: 100% !important;
	}

	.custom-header-menu .menu-item {
		margin: 0 !important;
		padding: 0 !important;
		width: 100%;
		border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
	}

	.header-bg-white .custom-header-menu .menu-item {
		border-bottom: 1px solid rgba(0, 0, 0, 0.05) !important;
	}

	/* High specificity menu link overrides to override responsive.css color: #000!important */
	#menu-header_menu li a,
	#menu-header_menu_ar li a,
	.custom-header-menu .menu-item a {
		font-family: 'DM Sans', sans-serif !important;
		font-size: 16px !important;
		font-weight: 600 !important;
		color: #ffffff !important;
		/* Premium clean white text in dark drawer */
		padding: 14px 10px !important;
		display: block !important;
		text-align: left;
		transition: all 0.3s ease;
		text-transform: uppercase;
		letter-spacing: 0.5px;
	}

	.header-bg-white #menu-header_menu li a,
	.header-bg-white #menu-header_menu_ar li a,
	.header-bg-white .custom-header-menu .menu-item a {
		color: #1a242e !important;
		/* Premium charcoal text in light drawer */
	}

	html[dir="rtl"] #menu-header_menu li a,
	html[dir="rtl"] #menu-header_menu_ar li a,
	html[dir="rtl"] .custom-header-menu .menu-item a,
	body.rtl #menu-header_menu li a,
	body.rtl #menu-header_menu_ar li a,
	body.rtl .custom-header-menu .menu-item a {
		text-align: right !important;
	}

	/* Active item and hover highlight states */
	#menu-header_menu li a:hover,
	#menu-header_menu_ar li a:hover,
	.custom-header-menu .menu-item a:hover,
	#menu-header_menu li.current-menu-item>a,
	#menu-header_menu_ar li.current-menu-item>a,
	.custom-header-menu .menu-item.current-menu-item>a {
		color: #c5a059 !important;
		/* Gold text highlight */
		padding-inline-start: 16px !important;
	}

	html[dir="rtl"] #menu-header_menu li a:hover,
	html[dir="rtl"] #menu-header_menu_ar li a:hover,
	html[dir="rtl"] .custom-header-menu .menu-item a:hover,
	html[dir="rtl"] #menu-header_menu li.current-menu-item>a,
	html[dir="rtl"] #menu-header_menu_ar li.current-menu-item>a,
	html[dir="rtl"] .custom-header-menu .menu-item.current-menu-item>a,
	body.rtl #menu-header_menu li a:hover,
	body.rtl #menu-header_menu_ar li a:hover,
	body.rtl .custom-header-menu .menu-item a:hover,
	body.rtl #menu-header_menu li.current-menu-item>a,
	body.rtl #menu-header_menu_ar li.current-menu-item>a,
	body.rtl .custom-header-menu .menu-item.current-menu-item>a {
		padding-inline-start: 10px !important;
		padding-inline-end: 16px !important;
	}

	/* Clean dropdown submenus inside mobile drawer */
	.custom-header-menu .sub-menu {
		background: rgba(255, 255, 255, 0.03) !important;
		border-inline-start: 2px solid #c5a059 !important;
		/* Left vertical gold border line */
		border-top: none !important;
		border-bottom: none !important;
		border-right: none !important;
		padding: 5px 0 5px 15px !important;
		margin: 5px 0 10px 10px !important;
		list-style: none;
	}

	.header-bg-white .custom-header-menu .sub-menu {
		background: rgba(0, 0, 0, 0.02) !important;
		border-inline-start: 2px solid #c5a059 !important;
	}

	html[dir="rtl"] .custom-header-menu .sub-menu,
	body.rtl .custom-header-menu .sub-menu {
		border-inline-start: none !important;
		border-inline-end: 2px solid #c5a059 !important;
		/* Right vertical gold border line for RTL */
		padding-left: 0 !important;
		padding-right: 15px !important;
		margin: 5px 10px 10px 0 !important;
	}

	.custom-header-menu .sub-menu li {
		border: none !important;
		padding: 0 !important;
	}

	.custom-header-menu .sub-menu li a {
		font-size: 15px !important;
		font-weight: 500 !important;
		padding: 8px 12px !important;
		color: rgba(255, 255, 255, 0.85) !important;
		text-transform: none !important;
	}

	.header-bg-white .custom-header-menu .sub-menu li a {
		color: #555555 !important;
	}

	.custom-header-menu .sub-menu li a:hover {
		color: #c5a059 !important;
		background: transparent !important;
	}

	/* Hamburger toggler lines styling */
	.animated-icon1 span {
		height: 2px !important;
		border-radius: 2px !important;
		transition: all 0.25s ease-in-out !important;
	}

	/* Line colors based on page theme background */
	.topheader.main-header.header-bg-black .animated-icon1 span {
		background: #1a242e !important;
	}

	.topheader.main-header.header-bg-white .animated-icon1 span {
		background: #1a242e !important;
	}

	/* Hamburger open close cross (X) positioning inside drawer */
	.animated-icon1.open {
		position: fixed !important;
		top: 25px !important;
		z-index: 10000 !important;
	}

	html[dir="ltr"] .animated-icon1.open {
		right: 25px !important;
		left: auto !important;
	}

	html[dir="rtl"] .animated-icon1.open,
	body.rtl .animated-icon1.open {
		left: 25px !important;
		right: auto !important;
	}

	/* Force white close lines inside open drawer */
	.animated-icon1.open span {
		background: #ffffff !important;
	}

	.header-bg-white .animated-icon1.open span {
		background: #1a242e !important;
		/* Dark close lines for light drawer background */
	}

	/* Mobile drawer actions section */
	.mobile-only-drawer-actions {
		display: flex !important;
		flex-direction: column;
		gap: 20px;
		padding: 10px 10px 0 10px;
	}

	/* Mobile lang dropdown trigger inside drawer */
	.mobile-only-drawer-actions .custom-lang-dropdown {
		width: 100%;
	}

	.mobile-only-drawer-actions .custom-lang-trigger {
		background: rgba(255, 255, 255, 0.05);
		border: 1px solid rgba(255, 255, 255, 0.1);
		color: #ffffff;
		padding: 12px 16px;
		border-radius: 4px;
		font-size: 14px;
		font-weight: 500;
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.header-bg-white .mobile-only-drawer-actions .custom-lang-trigger {
		background: rgba(0, 0, 0, 0.03);
		border: 1px solid rgba(0, 0, 0, 0.06);
		color: #1a242e;
	}

	/* Dropdown menu list inside drawer */
	.mobile-only-drawer-actions .custom-lang-list {
		background: #222222;
		border: 1px solid rgba(255, 255, 255, 0.1);
		border-radius: 4px;
		list-style: none;
		margin: 6px 0 0 0;
		padding: 6px 0;
		width: 100%;
		display: none;
		box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
	}

	.header-bg-white .mobile-only-drawer-actions .custom-lang-list {
		background: #ffffff;
		border: 1px solid rgba(0, 0, 0, 0.06);
		box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
	}

	/* Hover list inside drawer */
	.mobile-only-drawer-actions .custom-lang-dropdown:hover .custom-lang-list {
		display: block;
	}

	.mobile-only-drawer-actions .custom-lang-list li a {
		color: #ffffff;
		display: block;
		padding: 10px 16px;
		text-decoration: none;
		font-size: 14px;
		text-align: left;
	}

	.header-bg-white .mobile-only-drawer-actions .custom-lang-list li a {
		color: #1a242e;
	}

	html[dir="rtl"] .mobile-only-drawer-actions .custom-lang-list li a,
	body.rtl .mobile-only-drawer-actions .custom-lang-list li a {
		text-align: right;
	}

	/* Mobile Consult Button inside drawer */
	.consulation-btn-mobile {
		background: var(--gold-gradient) !important;
		/* Premium Gold consult button */
		color: #ffffff !important;
		font-size: 14px !important;
		font-weight: 700 !important;
		padding: 14px !important;
		border-radius: 4px !important;
		text-align: center !important;
		display: block !important;
		width: 100% !important;
		text-decoration: none !important;
		text-transform: uppercase;
		box-shadow: 0 4px 15px rgba(197, 160, 89, 0.25);
		transition: all 0.3s ease;
	}

	.consulation-btn-mobile:hover {
		filter: brightness(1.1);
		box-shadow: 0 6px 20px rgba(197, 160, 89, 0.45);
		transform: translateY(-1px);
	}
}

/* Compact Header Height & Spacing Overrides */
.topheader,
.topheader:not(.header-fixed),
html[dir="rtl"] .topheader:not(.header-fixed),
.header-fixed {
	padding: 6px 0 !important;
}

.custom-header-wrapper {
	padding: 0 !important;
}

/* Logo Sizing Constraint to prevent vertical stretching */
.logo img,
.custom-re-logo,
.custom-logo-link img {
	max-height: 90px !important;
	width: auto !important;
	height: auto !important;
	display: block !important;
	object-fit: contain !important;
}

/* Hide desktop menu language switcher on mobile draw views */
@media screen and (max-width: 1199px) {
	.menu-lang-sec {
		display: none !important;
	}
}

/* Hero Slider — Desktop (≥992px): full-height, cover crop */
.hero-slider,
.hero-slider .swiper,
.hero-slider .swiper-wrapper,
.hero-slider .swiper-slide,
.desk-h100-slider {
	height: 90vh !important;
	max-height: none !important;
	min-height: none !important;
}

/* Desktop image: cover + center */
.hero-slider img,
.desk-h100-slider img,
.hero-slider .swiper-slide img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	object-position: center bottom !important;
}

/* Tablet / iPad (768px – 1199px): 37vh banner height */
@media screen and (min-width: 768px) and (max-width: 1199px) {

	.hero-slider,
	.hero-slider .swiper,
	.hero-slider .swiper-wrapper,
	.hero-slider .swiper-slide,
	.mobile-h100-slider {
		height: 37vh !important;
		max-height: none !important;
		min-height: none !important;
	}

	.hero-slider .swiper-slide {
		background: transparent !important;
	}

	.mobile-h100-slider img,
	.hero-slider .swiper-slide img {
		width: 100% !important;
		height: 100% !important;
		object-fit: cover !important;
		object-position: center center !important;
	}
}

/* Mobile (≤767px): compact height, cover fill — no black bars */
@media screen and (max-width: 767px) {

	.hero-slider,
	.hero-slider .swiper,
	.hero-slider .swiper-wrapper,
	.hero-slider .swiper-slide,
	.mobile-h100-slider {
		height: 25vh !important;
		max-height: none !important;
		min-height: none !important;
	}

	.hero-slider .swiper-slide {
		background: transparent !important;
	}

	.mobile-h100-slider img,
	.hero-slider .swiper-slide img {
		width: 100% !important;
		height: 100% !important;
		object-fit: cover !important;
		object-position: center center !important;
	}
}


/* Remove black overlay gradient completely */
.banner-overlay {
	background: none !important;
	display: none !important;
}

/* Hide default Swiper pseudo-element arrow text to prevent double icon */
.swiper-button-next::after,
.swiper-button-prev::after {
	display: none !important;
}

/* Navigation buttons centering and sizing */
.swiper-button-next.next-btn,
.swiper-button-prev.prev-btn {
	width: 60px !important;
	height: 60px !important;
	margin-top: -30px !important;
	/* Centered vertically relative to 60px height */
	background: rgba(0, 0, 0, 0.4) !important;
	border: 1px solid rgba(255, 255, 255, 0.3) !important;
	backdrop-filter: blur(5px);
	border-radius: 50% !important;
	display: block !important;
	/* Force block to allow absolute positioning of children */
	position: absolute !important;
	z-index: 10 !important;
	cursor: pointer;
}

/* Position and center custom arrow images precisely inside the button circles */
.swiper-button-next.next-btn img,
.swiper-button-prev.prev-btn img {
	position: absolute !important;
	top: 50% !important;
	left: 50% !important;
	transform: translate(-50%, -50%) !important;
	width: 22px !important;
	height: 22px !important;
	object-fit: contain !important;
	margin: 0 !important;
	padding: 0 !important;
}

/* Flip chevron images in RTL */
html[dir="rtl"] .swiper-button-next.next-btn img,
html[dir="rtl"] .swiper-button-prev.prev-btn img,
body.rtl .swiper-button-next.next-btn img,
body.rtl .swiper-button-prev.prev-btn img {
	transform: translate(-50%, -50%) rotate(180deg) !important;
}

@media screen and (max-width: 767px) {

	/* Small arrows on mobile: 32px circle */
	.swiper-button-next.next-btn,
	.swiper-button-prev.prev-btn {
		width: 32px !important;
		height: 32px !important;
		margin-top: -16px !important;
		background: rgba(0, 0, 0, 0.35) !important;
		display: block !important;
	}

	.swiper-button-next.next-btn img,
	.swiper-button-prev.prev-btn img {
		width: 10px !important;
		height: 10px !important;
	}
}

/* Hero Slider Banner Button */
.hero-slider .banner-btn-wrap {
	position: absolute !important;
	bottom: 140px !important;
	left: 43.5% !important;
	margin-top: 0 !important;
	z-index: 10;
	display: block;
}

html[dir="rtl"] .hero-slider .banner-btn-wrap,
body.rtl .hero-slider .banner-btn-wrap {
	left: auto !important;
	right: 43.5% !important;
}

@media screen and (max-width: 1199px) {
	.hero-slider .banner-btn-wrap {
		bottom: 115px !important;
		left: 43.5% !important;
	}

	html[dir="rtl"] .hero-slider .banner-btn-wrap,
	body.rtl .hero-slider .banner-btn-wrap {
		left: auto !important;
		right: 43.5% !important;
	}
}

@media screen and (max-width: 991px) {
	.hero-slider .banner-btn-wrap {
		bottom: 50px !important;
		left: 50% !important;
		right: auto !important;
		transform: translateX(-50%) !important;
	}

	html[dir="rtl"] .hero-slider .banner-btn-wrap,
	body.rtl .hero-slider .banner-btn-wrap {
		left: 50% !important;
		right: auto !important;
		transform: translateX(-50%) !important;
	}
}

.hero-slider .btn-banner-slider {
	font-family: 'DM Sans', sans-serif;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 1px;
	padding: 13px 36px !important;
	border-radius: 4px !important;
	border: none !important;
	display: inline-block;
}

/* ==========================================================================
   Desktop Non-Sticky Header Overrides (Forced White Text in Black Bar)
   ========================================================================== */
@media screen and (min-width: 1200px) {

	/* Add vertical padding and align items center for the non-sticky black navigation bar */
	.topheader:not(.header-fixed) .fixed-menu {
		padding: 8px 40px !important;
		align-items: center !important;
	}

	/* Fix menu text visibility inside the non-sticky black bar on header-bg-white pages */
	.topheader:not(.header-fixed) .custom-header-menu .navbar-nav>.menu-item>a,
	.topheader:not(.header-fixed) #menu-header_menu>li>a,
	.topheader:not(.header-fixed) #menu-header_menu_ar>li>a {
		color: #ffffff !important;
	}

	/* Maintain hover and active gold highlight states */
	.topheader:not(.header-fixed) .custom-header-menu .navbar-nav>.menu-item>a:hover,
	.topheader:not(.header-fixed) #menu-header_menu>li>a:hover,
	.topheader:not(.header-fixed) #menu-header_menu_ar>li>a:hover,
	.topheader:not(.header-fixed) .custom-header-menu .navbar-nav>.menu-item.current-menu-item>a,
	.topheader:not(.header-fixed) #menu-header_menu>li.current-menu-item>a,
	.topheader:not(.header-fixed) #menu-header_menu_ar>li.current-menu-item>a {
		color: #c5a059 !important;
	}

	/* Fix language switcher visibility inside the non-sticky black bar */
	.topheader:not(.header-fixed) .custom-lang-trigger {
		color: #ffffff !important;
	}

	.topheader:not(.header-fixed) .custom-lang-trigger:hover {
		color: #c5a059 !important;
	}

	.topheader:not(.header-fixed) .custom-lang-trigger .lang-arrow {
		color: #ffffff !important;
	}

	.topheader:not(.header-fixed) .custom-lang-trigger:hover .lang-arrow {
		color: #c5a059 !important;
	}

	/* Force dark dropdown menu style on all pages (desktop) */
	.custom-header-menu .sub-menu,
	#menu-header_menu .sub-menu,
	#menu-header_menu_ar .sub-menu {
		background: #161616 !important;
		background-color: #161616 !important;
		border: 1px solid rgba(255, 255, 255, 0.08) !important;
		box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25) !important;
	}

	.custom-header-menu .sub-menu li a,
	#menu-header_menu .sub-menu li a,
	#menu-header_menu_ar .sub-menu li a {
		color: rgba(255, 255, 255, 0.8) !important;
	}

	.custom-header-menu .sub-menu li a:hover,
	#menu-header_menu .sub-menu li a:hover,
	#menu-header_menu_ar .sub-menu li a:hover {
		background-color: rgba(255, 255, 255, 0.05) !important;
		color: #c5a059 !important;
	}
}