/* ==========================================================================
   HECH "Liquid Glass" for every page (generated by gen_site_css.py — edit there)
   Scoped to body.hag-glass-ft (same preview/live switch as the rest of the design).
   Inner pages get the home page header in its docked state: a floating navy glass
   bar, the same menu pill, CTA and mobile controls.
   ========================================================================== */
/* design tokens shared by every page (the home page defines the same set on body.hag-glass) */
body.hag-glass-ft {
	--lg-navy: #1d2643;
	--lg-navy-2: #2b3763;
	--lg-orange: #ff7b00;
	--lg-olive: #83a031;
	--lg-ink: #1b2238;
	--lg-muted: #5b6380;
	--lg-olive-grad: linear-gradient(180deg, #a3c14c 0%, #83a031 52%, #6d8827 100%);
	--lg-ease: cubic-bezier(.2, .8, .2, 1);
}
/* hamburger: no browser focus ring after a tap (keyboard focus still gets a clear one) */
html body.hag-glass-ft .header-box .elementor-widget-icon.elementor-hidden-desktop .elementor-icon:focus,
html body.hag-glass-ft .header-box .elementor-widget-icon.elementor-hidden-desktop .elementor-icon:active { outline: none !important; box-shadow: none !important; }
html body.hag-glass-ft .header-box .elementor-widget-icon.elementor-hidden-desktop .elementor-icon:focus-visible { outline: 2px solid rgba(255, 255, 255, .7) !important; outline-offset: 2px; }
html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-7181820,
html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-1f684b2,
html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-80ea311 {
	position: fixed !important;
	top: 12px !important;
	inset-inline: 16px !important;
	width: auto !important;
	max-width: 1480px !important;
	margin-inline: auto !important;
	z-index: 1000 !important;
	border-radius: 24px !important;
	background: rgba(22, 30, 56, .88) !important;
	-webkit-backdrop-filter: blur(22px) saturate(180%);
	backdrop-filter: blur(22px) saturate(180%);
	border: 1px solid rgba(255, 255, 255, .14) !important;
	box-shadow: 0 24px 56px rgba(12, 17, 36, .28), inset 0 1px 0 rgba(255, 255, 255, .18) !important;
	transform: none !important;
}
html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-7181820::after,
html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-1f684b2::after,
html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-80ea311::after {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: inherit;
	background: linear-gradient(180deg, rgba(255, 255, 255, .09), rgba(255, 255, 255, 0) 45%);
	pointer-events: none;
}
html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-7c5fc11,
html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-baae7ec,
html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-57e8543 { position: relative; z-index: 1; }
@media (min-width: 1025px) {
	html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-7c5fc11,
	html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-baae7ec,
	html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-57e8543 { justify-content: space-between !important; gap: 16px !important; padding-inline: 12px !important; }
}
html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-0205a88 .elementor-heading-title,
html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-0205a88 .elementor-heading-title a,
html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-af5c9e0 .elementor-heading-title,
html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-af5c9e0 .elementor-heading-title a,
html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-6f6d0e1 .elementor-heading-title,
html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-6f6d0e1 .elementor-heading-title a,
html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-c432291 .elementor-heading-title,
html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-c432291 .elementor-heading-title a,
html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-a30a3b4 .elementor-heading-title,
html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-a30a3b4 .elementor-heading-title a,
html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-56ae175 .elementor-heading-title,
html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-56ae175 .elementor-heading-title a { white-space: nowrap !important; color: #fff !important; }
html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-0205a88 .elementor-heading-title,
html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-af5c9e0 .elementor-heading-title,
html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-6f6d0e1 .elementor-heading-title,
html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-c432291 .elementor-heading-title,
html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-a30a3b4 .elementor-heading-title,
html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-56ae175 .elementor-heading-title {
	display: inline-block !important;
	padding: 6px 14px !important;
	border-radius: 99px !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	line-height: 1.6 !important;
	color: #e9f3c9 !important;
	background: rgba(131, 160, 49, .26) !important;
	border: 1px solid rgba(175, 205, 90, .5) !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .18) !important;
}
html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-0205a88 .elementor-heading-title a,
html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-af5c9e0 .elementor-heading-title a,
html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-6f6d0e1 .elementor-heading-title a,
html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-c432291 .elementor-heading-title a,
html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-a30a3b4 .elementor-heading-title a,
html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-56ae175 .elementor-heading-title a { color: inherit !important; font: inherit !important; }
html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-2acbc06,
html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-fa6fcba,
html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-a9f999a {
	background: rgba(255, 255, 255, .06) !important;
	border: 1px solid rgba(255, 255, 255, .12) !important;
	border-radius: 99px !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1) !important;
	padding: 0 4px !important;
	width: auto !important;
	gap: 0 !important;
}
html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-5cbc899,
html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-943cee0,
html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-762caf1 { width: 0 !important; overflow: hidden; }
html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-f525fab,
html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-8b957dd,
html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-70db52b { width: auto !important; flex: 0 0 auto !important; }
html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-7181820 .company-main-menu,
html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-1f684b2 .company-main-menu,
html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-80ea311 .company-main-menu {
	display: flex !important;
	flex-wrap: nowrap !important;
	align-items: center;
	width: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}
html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-7181820 .company-main-menu > a,
html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-1f684b2 .company-main-menu > a,
html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-80ea311 .company-main-menu > a { flex: none; }
html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-7181820 .company-main-menu .menu-item,
html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-1f684b2 .company-main-menu .menu-item,
html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-80ea311 .company-main-menu .menu-item {
	margin: 4px 2px;
	padding: 8px 16px !important;
	border-radius: 99px;
	white-space: nowrap;
	color: rgba(255, 255, 255, .86) !important;
	transition: background .25s, color .25s, box-shadow .25s;
}
html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-7181820 .company-main-menu .menu-item span,
html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-1f684b2 .company-main-menu .menu-item span,
html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-80ea311 .company-main-menu .menu-item span { color: inherit !important; }
html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-7181820 .company-main-menu a:hover .menu-item,
html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-1f684b2 .company-main-menu a:hover .menu-item,
html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-80ea311 .company-main-menu a:hover .menu-item { background: rgba(255, 255, 255, .10); color: #fff !important; }
html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-7181820 .company-main-menu .menu-item.active,
html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-1f684b2 .company-main-menu .menu-item.active,
html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-80ea311 .company-main-menu .menu-item.active {
	background: rgba(255, 255, 255, .94);
	color: #1d2643 !important;
	font-weight: 700;
	box-shadow: 0 6px 16px rgba(0, 0, 0, .18), inset 0 1px 0 #fff;
}
html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-c85dd9d,
html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-ea59021,
html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-2aa5756 { width: auto !important; flex: 0 0 auto !important; }
html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-e7fbda0,
html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-b4ed956,
html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-0b5b5e3 { width: auto !important; }
html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-a485398,
html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-a782469,
html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-54d0842 {
	flex: none !important;
	width: auto !important;
	gap: 10px !important;
	padding-inline: 16px 8px !important;
	min-height: 50px;
	justify-content: space-between !important;
	border-radius: 16px !important;
	background: linear-gradient(180deg, #a3c14c 0%, #83a031 52%, #6d8827 100%) !important;
	border: 1px solid rgba(255, 255, 255, .28) !important;
	box-shadow: 0 12px 26px rgba(111, 138, 40, .34), inset 0 1px 0 rgba(255, 255, 255, .55), inset 0 -2px 0 rgba(0, 0, 0, .08) !important;
	transition: transform .25s, filter .25s;
}
html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-a485398:hover,
html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-a782469:hover,
html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-54d0842:hover { transform: translateY(-2px); filter: brightness(1.04); }
html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-cc59de1,
html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-5044918,
html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-fee75e4 { width: auto !important; flex: none !important; }
html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-cc59de1,
html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-cc59de1 *,
html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-5044918,
html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-5044918 *,
html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-fee75e4,
html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-fee75e4 * { white-space: nowrap !important; font-size: 13.5px !important; font-weight: 700 !important; color: #fff !important; }
html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-e26c1b0,
html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-7f1aaf9,
html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-9c96e7e { flex: none !important; }
html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-e26c1b0 > .elementor-widget-container,
html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-7f1aaf9 > .elementor-widget-container,
html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-9c96e7e > .elementor-widget-container { border: 0 !important; background: #fff !important; box-shadow: 0 4px 10px rgba(29, 38, 67, .18) !important; }
@media (min-width: 1025px) and (max-width: 1439px) {
	html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-7181820 .company-main-menu .menu-item,
	html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-1f684b2 .company-main-menu .menu-item,
	html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-80ea311 .company-main-menu .menu-item { padding: 7px 12px !important; font-size: 15px !important; margin: 4px 1px; }
}
@media (min-width: 1025px) and (max-width: 1239px) {
	html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-0205a88,
	html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-6f6d0e1,
	html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-a30a3b4 { display: none !important; }
	html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-7181820 .company-main-menu .menu-item,
	html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-1f684b2 .company-main-menu .menu-item,
	html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-80ea311 .company-main-menu .menu-item { padding: 6px 10px !important; font-size: 14px !important; }
}
@media (max-width: 1024px) {
	html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-7181820,
	html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-1f684b2,
	html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-80ea311 { z-index: 1000001 !important; }
	html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-84c0005,
	html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-84c0005 a,
	html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-95b8b39,
	html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-95b8b39 a,
	html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-8804d84,
	html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-8804d84 a { width: auto !important; }
	html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-84c0005 img,
	html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-95b8b39 img,
	html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-8804d84 img { width: auto !important; height: 44px !important; max-width: none !important; object-fit: contain; }
	html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-e7fbda0,
	html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-b4ed956,
	html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-0b5b5e3 { width: auto !important; flex: 0 0 auto !important; }
	html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-c85dd9d,
	html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-ea59021,
	html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-2aa5756 { width: 100% !important; flex: 1 1 auto !important; justify-content: space-between !important; align-items: center !important; }
	html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-8724a2e,
	html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-d4e9dc1,
	html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-cbb255a,
	html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-d4bb9ba,
	html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-8677135,
	html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-fda6909 { width: auto !important; flex: 0 0 auto !important; background: transparent !important; border: 0 !important; box-shadow: none !important; }
	html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-09de863,
	html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-cb33a6c,
	html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-5ecb786 { flex: 1 1 auto !important; align-items: center !important; }
	html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-d4e9dc1 .elementor-icon,
	html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-d4bb9ba .elementor-icon,
	html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-fda6909 .elementor-icon {
		display: grid !important;
		place-items: center;
		width: 42px !important;
		height: 42px !important;
		border-radius: 14px;
		background: rgba(255, 255, 255, .08) !important;
		border: 1px solid rgba(255, 255, 255, .14);
		transition: background .25s;
	}
	html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-d4e9dc1 .elementor-icon svg,
	html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-d4bb9ba .elementor-icon svg,
	html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-fda6909 .elementor-icon svg { width: 24px !important; height: 24px !important; }
	html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-d4e9dc1 .elementor-icon svg g,
	html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-d4bb9ba .elementor-icon svg g,
	html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-fda6909 .elementor-icon svg g { opacity: 1 !important; }
	html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-d4e9dc1 .elementor-icon svg path,
	html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-d4bb9ba .elementor-icon svg path,
	html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-fda6909 .elementor-icon svg path { fill: #fff !important; }
	html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-d4e9dc1 .elementor-icon:focus,
	html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-d4bb9ba .elementor-icon:focus,
	html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-fda6909 .elementor-icon:focus { outline: none !important; }
}
@media (min-width: 768px) and (max-width: 1024px) {
	html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-7181820,
	html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-1f684b2,
	html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-80ea311 { padding: 4px 8px !important; }
	html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-7c5fc11,
	html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-c85dd9d,
	html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-baae7ec,
	html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-ea59021,
	html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-57e8543,
	html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-2aa5756 { min-height: 0 !important; height: auto !important; }
}
@media (max-width: 767px) {
	html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-7181820,
	html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-1f684b2,
	html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-80ea311 { top: 8px !important; inset-inline: 10px !important; border-radius: 20px !important; background: rgba(22, 30, 56, .94) !important; }
}

/* ==========================================================================
   Inner pages: keep room for the (now floating) header of template 11487
   ========================================================================== */
html body.hag-glass-ft:not(.hag-glass) .elementor-location-header.elementor-11487 { min-height: 114px; }
@media (max-width: 767px) {
	html body.hag-glass-ft:not(.hag-glass) .elementor-location-header.elementor-11487 { min-height: 76px; }
}

/* Blog (header 11325): the «مقالات» band becomes a rounded navy stage like the home page */
html body.hag-glass-ft .elementor-11325 .elementor-element.elementor-element-4367cc0 {
	max-width: calc(100% - 24px) !important;
	margin: 12px auto 0 !important;
	border-radius: 36px !important;
	overflow: hidden;
	background:
		radial-gradient(40% 90% at 88% 10%, rgba(131, 160, 49, .24), transparent 70%),
		radial-gradient(36% 80% at 6% 100%, rgba(255, 123, 0, .16), transparent 70%),
		linear-gradient(160deg, #222c4f 0%, #1b2342 55%, #161d38 100%) !important;
	box-shadow: 0 26px 60px rgba(29, 38, 67, .22), inset 0 1px 0 rgba(255, 255, 255, .12) !important;
}
html body.hag-glass-ft .elementor-11325 .elementor-element.elementor-element-d67a442 { background: transparent !important; }
@media (max-width: 767px) {
	html body.hag-glass-ft .elementor-11325 .elementor-element.elementor-element-4367cc0 { max-width: calc(100% - 16px) !important; margin-top: 8px !important; border-radius: 28px !important; }
}

/* ==========================================================================
   Mobile menu (popup 5523): a frosted sheet dropping from the header
   ========================================================================== */
html body.hag-glass-ft #elementor-popup-modal-5523 {
	background: rgba(12, 17, 36, .34) !important;
	-webkit-backdrop-filter: blur(6px);
	backdrop-filter: blur(6px);
}
html body.hag-glass-ft #elementor-popup-modal-5523 .dialog-widget-content {
	position: absolute !important;
	inset: 78px 10px auto 10px !important;
	width: auto !important;
	height: auto !important;
	max-height: calc(100vh - 96px);
	max-height: calc(100svh - 96px);
	overflow: auto !important;
	border-radius: 28px !important;
	background: rgba(255, 255, 255, .80) !important;
	-webkit-backdrop-filter: blur(30px) saturate(190%);
	backdrop-filter: blur(30px) saturate(190%);
	border: 1px solid rgba(255, 255, 255, .95) !important;
	box-shadow: 0 30px 80px rgba(12, 17, 36, .38), inset 0 1px 0 #fff !important;
	transform-origin: 50% 0;
	animation: hagSheetIn .42s cubic-bezier(.2, .9, .25, 1.12) both !important;
}
@keyframes hagSheetIn {
	from { opacity: 0; transform: translateY(-10px) scale(.96); }
	to { opacity: 1; transform: none; }
}
html body.hag-glass-ft #elementor-popup-modal-5523 .dialog-message,
html body.hag-glass-ft #elementor-popup-modal-5523 .elementor-5523,
html body.hag-glass-ft #elementor-popup-modal-5523 .elementor-element-091ba2f,
html body.hag-glass-ft #elementor-popup-modal-5523 .elementor-element-091ba2f > .e-con-inner { height: auto !important; min-height: 0 !important; }
html body.hag-glass-ft #elementor-popup-modal-5523 .elementor-element-091ba2f { padding: 10px !important; background: transparent !important; }
html body.hag-glass-ft #elementor-popup-modal-5523 .elementor-element-091ba2f > .e-con-inner { padding: 0 !important; gap: 0 !important; justify-content: flex-start !important; }
html body.hag-glass-ft #elementor-popup-modal-5523 .elementor-element-140300d { margin: 0 !important; padding: 0 !important; gap: 4px !important; height: auto !important; }
html body.hag-glass-ft #elementor-popup-modal-5523 .elementor-widget-divider { display: none !important; }
html body.hag-glass-ft #elementor-popup-modal-5523 .dialog-close-button {
	top: 16px !important;
	left: 16px !important;
	right: auto !important;
	width: 32px !important;
	height: 32px !important;
	display: grid !important;
	place-items: center;
	border-radius: 50%;
	background: rgba(29, 38, 67, .07) !important;
	color: var(--lg-ink) !important;
	font-size: 14px !important;
	z-index: 2;
}
@media (max-width: 767px) { html body.hag-glass-ft #elementor-popup-modal-5523 .dialog-close-button { display: none !important; } }
/* rows */
html body.hag-glass-ft #elementor-popup-modal-5523 .elementor-widget-icon-box {
	position: relative;
	width: 100% !important;
	margin: 0 !important;
	border-radius: 18px;
	transition: background .2s;
}
html body.hag-glass-ft #elementor-popup-modal-5523 .elementor-widget-icon-box:active { background: rgba(29, 38, 67, .06); }
html body.hag-glass-ft #elementor-popup-modal-5523 .elementor-icon-box-wrapper {
	display: flex !important;
	flex-direction: row !important;
	align-items: center !important;
	gap: 14px;
	padding: 10px 12px !important;
	text-align: start !important;
}
html body.hag-glass-ft #elementor-popup-modal-5523 .elementor-icon-box-wrapper::after {
	content: "";
	flex: none;
	width: 8px;
	height: 8px;
	margin-inline-start: auto;
	border-left: 2px solid rgba(29, 38, 67, .3);
	border-bottom: 2px solid rgba(29, 38, 67, .3);
	transform: rotate(45deg);
}
html body.hag-glass-ft #elementor-popup-modal-5523 .elementor-icon-box-icon { flex: none; margin: 0 !important; }
html body.hag-glass-ft #elementor-popup-modal-5523 .elementor-icon-box-icon .elementor-icon {
	display: grid !important;
	place-items: center;
	width: 42px !important;
	height: 42px !important;
	border-radius: 14px;
	font-size: 18px !important;
	color: #fff !important;
	background: radial-gradient(120% 120% at 30% 15%, rgba(255, 255, 255, .25), transparent 55%), linear-gradient(150deg, var(--lg-navy-2), var(--lg-navy)) !important;
	box-shadow: 0 6px 14px rgba(29, 38, 67, .22), inset 0 1px 0 rgba(255, 255, 255, .3);
}
html body.hag-glass-ft #elementor-popup-modal-5523 .elementor-icon-box-icon .elementor-icon svg { width: 19px !important; height: 19px !important; fill: #fff !important; }
html body.hag-glass-ft #elementor-popup-modal-5523 .elementor-icon-box-icon .elementor-icon i { color: #fff !important; }
html body.hag-glass-ft #elementor-popup-modal-5523 .elementor-icon-box-content { flex: 1 1 auto; width: auto !important; }
html body.hag-glass-ft #elementor-popup-modal-5523 .elementor-icon-box-title,
html body.hag-glass-ft #elementor-popup-modal-5523 .elementor-icon-box-title a {
	margin: 0 !important;
	font-size: 16px !important;
	font-weight: 700 !important;
	line-height: 1.5 !important;
	color: var(--lg-ink) !important;
	text-align: start !important;
}
/* whole row is tappable */
html body.hag-glass-ft #elementor-popup-modal-5523 .elementor-icon-box-title a::before { content: ""; position: absolute; inset: 0; border-radius: 18px; }
/* social block */
html body.hag-glass-ft #elementor-popup-modal-5523 .elementor-element-0b97cf0 {
	margin: 8px 4px 2px !important;
	padding: 14px 0 6px !important;
	border-top: 1px solid rgba(29, 38, 67, .08);
	height: auto !important;
	align-items: center !important;
}
html body.hag-glass-ft #elementor-popup-modal-5523 .elementor-element-8efa93d,
html body.hag-glass-ft #elementor-popup-modal-5523 .elementor-element-8efa93d * { color: var(--lg-muted) !important; font-size: 13px !important; text-align: center !important; }
html body.hag-glass-ft #elementor-popup-modal-5523 .elementor-element-8efa93d img { display: none !important; }
html body.hag-glass-ft #elementor-popup-modal-5523 .elementor-social-icon {
	width: 44px !important;
	height: 44px !important;
	border-radius: 14px !important;
	box-shadow: 0 6px 14px rgba(29, 38, 67, .16), inset 0 1px 0 rgba(255, 255, 255, .4);
}
@media (min-width: 768px) {
	html body.hag-glass-ft #elementor-popup-modal-5523 .dialog-widget-content { inset: 100px 20px auto auto !important; width: 380px !important; transform-origin: 100% 0; }
}


/* ==========================================================================
   Hech AI assistant (plugin «دستیار هچ»): never slides under the header
   The chat window grows upwards from its launcher; its height is capped so its
   top always stays below the floating header. On phones, while the chat is open,
   the bottom bar steps aside and the launcher drops to the corner for more room.
   ========================================================================== */
html body.hag-glass-ft #hach-window {
	max-height: calc(100vh - 230px) !important;
	max-height: calc(100dvh - 230px) !important;
	border-radius: 24px !important;
	border: 1px solid rgba(255, 255, 255, .9) !important;
	box-shadow: 0 30px 80px rgba(12, 17, 36, .32) !important;
}
html body.hag-glass-ft #hach-widget { transition: bottom .35s cubic-bezier(.2, .8, .2, 1); }
/* the greeting bubble says hello, then steps back after a few seconds */
html body.hag-glass-ft #hach-teaser { animation: hagTeaserOut .6s ease 12s forwards; }
@keyframes hagTeaserOut { to { opacity: 0; visibility: hidden; transform: translateY(8px); } }
@media (max-width: 767px) {
	html body.hag-glass-ft #hach-teaser { max-width: 220px !important; }
	html body.hag-glass-ft:has(#hach-window:not([hidden])) #mobile-bottom-menu { translate: 0 calc(100% + 96px); opacity: 0; pointer-events: none; }
	html body.hag-glass-ft:has(#hach-window:not([hidden])) #hach-widget { bottom: 16px !important; }
	/* launcher at 16px + 75px gap below the window; header ends ~90px from the top */
	html body.hag-glass-ft #hach-window { max-height: calc(100vh - 200px) !important; max-height: calc(100dvh - 200px) !important; }
}
@media (prefers-reduced-motion: reduce) {
	html body.hag-glass-ft #hach-teaser { animation: none; }
}

/* Theme rule «#sigle-page-blog.scrolled span, a, .elementor-icon { color: #fff !important }» (header 11487)
   would whiten the active menu pill text, the CTA arrow chip and the site-name pill once scrolled. */
html body.hag-glass-ft #sigle-page-blog.scrolled .company-main-menu .menu-item.active span { color: #1d2643 !important; }
html body.hag-glass-ft #sigle-page-blog.scrolled .elementor-element-7f1aaf9 .elementor-icon,
html body.hag-glass-ft #sigle-page-blog.scrolled .elementor-element-7f1aaf9 .elementor-icon svg { color: #1d2643 !important; fill: #1d2643 !important; }
html body.hag-glass-ft #sigle-page-blog.scrolled .elementor-element-6f6d0e1 .elementor-heading-title a,
html body.hag-glass-ft #sigle-page-blog.scrolled .elementor-element-c432291 .elementor-heading-title a { color: #e9f3c9 !important; }

/* narrow phones: logo + name pill + hamburger must fit (the pill used to push the hamburger off-screen) */
@media (max-width: 420px) {
	html body.hag-glass-ft .header-box .elementor-heading-title { padding: 5px 10px !important; font-size: 12px !important; }
	html body.hag-glass-ft .header-box .elementor-widget-image img { height: 38px !important; }
	html body.hag-glass-ft .header-box .e-con { min-width: 0 !important; }
}