/* Helix Languages */

/* ---------- hide Google's own toolbar, tooltips and highlights ---------- */
.hxl-gt,
#hxl-gt,
.goog-te-banner-frame,
iframe.skiptranslate,
body > .skiptranslate,
#goog-gt-tt,
.goog-te-balloon-frame,
.goog-tooltip,
.goog-te-spinner-pos,
.VIpgJd-ZVi9od-ORHb-OEVmcd,
.VIpgJd-ZVi9od-aZ2wEe-wOHMyf,
.VIpgJd-yAWNEb-L7lbkb {
	display: none !important;
	visibility: hidden !important;
}
html.hxl-on body { top: 0 !important; }
.goog-text-highlight,
.VIpgJd-yAWNEb-VIpgJd-fmcmS-sn54Q {
	background: none !important;
	box-shadow: none !important;
}
html.hxl-on font { background: none !important; box-shadow: none !important; }

/* brief fade while switching */
html.hxl-switching body { opacity: 0.55; transition: opacity 0.2s ease; }

/* ---------- Arabic-script fonts ---------- */
html.hxl-ar:not(.hxl-failed):not(#hxl0) body,
html.hxl-ar:not(.hxl-failed):not(#hxl0) body :where(h1, h2, h3, h4, h5, h6, p, a, li, span, strong, em, b, small, label, button, input, textarea, select, td, th, blockquote, figcaption, font, div) {
	font-family: 'Cairo', 'Noto Naskh Arabic', Tahoma, Arial, sans-serif !important;
	letter-spacing: 0 !important;
}
html.hxl-ur:not(.hxl-failed):not(#hxl0) body,
html.hxl-ur:not(.hxl-failed):not(#hxl0) body :where(h1, h2, h3, h4, h5, h6, p, a, li, span, strong, em, b, small, label, button, input, textarea, select, td, th, blockquote, figcaption, font, div) {
	font-family: 'Noto Naskh Arabic', 'Cairo', Tahoma, Arial, sans-serif !important;
	letter-spacing: 0 !important;
}
/* icon fonts keep their own fonts */
html.hxl-on:not(.hxl-failed):not(#hxl0) body :is([class^="fa-"], [class*=" fa-"], .fas, .far, .fab, .fa) { font-family: "Font Awesome 5 Free", "Font Awesome 6 Free", "Font Awesome 5 Brands", "FontAwesome" !important; }
html.hxl-on:not(.hxl-failed):not(#hxl0) body :is([class^="eicon"], [class*=" eicon"]) { font-family: eicons !important; }

/* Arabic script needs no capitals and a little more line height */
html.hxl-on:not(.hxl-failed):not(#hxl0) body :is(h1, h2, h3, h4, h5, h6) { line-height: 1.4 !important; }
html.hxl-on:not(.hxl-failed):not(#hxl0) body :is(h1, h2, h3, h4, h5, h6, a, button, span, small, li, p) { text-transform: none !important; }
html.hxl-ur:not(.hxl-failed):not(#hxl0) body :is(p, li) { line-height: 1.95 !important; }

/* ---------- right-to-left touches ---------- */
/* arrows (→) point the other way */
html[dir="rtl"] svg path[d^="M5 12h14"],
html[dir="rtl"] svg path[d^="M4 12h16"],
html[dir="rtl"] svg path[d^="m9 6 6 6"],
html[dir="rtl"] svg path[d^="M9 6l6 6"] {
	transform: scaleX(-1);
	transform-origin: center;
	transform-box: fill-box;
}
/* phone numbers, emails and codes always read left-to-right */
html[dir="rtl"] a[href^="tel:"],
html[dir="rtl"] a[href^="mailto:"] {
	direction: ltr;
	unicode-bidi: isolate;
}

/* heroes: mirror the photo and its dark fade, so the words (now on the right) stay readable */
html[dir="rtl"] .hx-ph__media,
html[dir="rtl"] .hx-hero__media {
	transform: scaleX(-1);
}

/* sliders keep their left-to-right mechanics; only the card content reads right-to-left */
html[dir="rtl"] .hx-pj__track,
html[dir="rtl"] .hx-pj__controls,
html[dir="rtl"] .hx-pj__progress,
html[dir="rtl"] .hx-tr__track,
html[dir="rtl"] .hx-tr__dots {
	direction: ltr;
}
html[dir="rtl"] .hx-pj__item,
html[dir="rtl"] .hx-tr__slide {
	direction: rtl;
}
html[dir="rtl"] .hx-pj__arrow svg path,
html[dir="rtl"] .hx-tr__dots svg path {
	transform: none;
}

/* forms */
html[dir="rtl"] input:not([type="tel"]):not([type="email"]):not([type="url"]),
html[dir="rtl"] textarea,
html[dir="rtl"] select { text-align: right; }
html[dir="rtl"] input[type="tel"],
html[dir="rtl"] input[type="email"],
html[dir="rtl"] input[type="url"] { direction: ltr; text-align: right; }

/* ---------- [helix_language_switcher] ---------- */
.hxl-switch {
	display: inline-flex;
	gap: 4px;
	padding: 4px;
	border-radius: 999px;
	background: rgba(127, 127, 127, 0.12);
	font-size: 14px;
	line-height: 1;
}
.hxl-switch a {
	padding: 8px 14px;
	border-radius: 999px;
	color: inherit !important;
	text-decoration: none !important;
	font-weight: 600;
}
.hxl-switch a[lang="ar"],
.hxl-switch a[lang="ur"] { font-family: 'Noto Naskh Arabic', Tahoma, sans-serif !important; }
.hxl-switch a:hover { background: rgba(127, 127, 127, 0.15); }
.hxl-switch a[aria-current="true"] { background: #e21f26; color: #ffffff !important; }

/* ---------- notice bar ---------- */
.hxl-notice {
	position: fixed;
	z-index: 99990;
	inset-inline-start: 16px;
	bottom: 16px;
	display: flex;
	align-items: center;
	gap: 14px;
	max-width: calc(100% - 32px);
	padding: 10px 10px 10px 16px;
	border-radius: 8px;
	background: #0b0c0f;
	color: #e3e5e9;
	font-size: 13.5px;
	line-height: 1.4;
	box-shadow: 0 12px 30px rgba(0, 0, 0, 0.3);
}
.hxl-notice a {
	color: #ffffff !important;
	font-family: Arial, sans-serif !important;
	font-weight: 700;
	white-space: nowrap;
	text-decoration: none !important;
	border-bottom: 1px solid #e21f26;
}
.hxl-notice button {
	all: unset;
	cursor: pointer;
	width: 26px;
	height: 26px;
	display: grid;
	place-items: center;
	border-radius: 50%;
	font-size: 18px;
	color: #9aa0a9;
}
.hxl-notice button:hover { background: rgba(255, 255, 255, 0.1); color: #ffffff; }