/* Local Tajawal subsets: the paragraph family in the supplied reference. */
@font-face {
	font-family: "TechSpace Tajawal"; font-style: normal; font-weight: 400; font-display: swap;
	src: url("fonts/Iura6YBj_oCad4k1nzSBC45I.woff2") format("woff2");
	unicode-range: U+0600-06FF,U+0750-077F,U+0870-089F,U+08A0-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FEFC;
}
@font-face {
	font-family: "TechSpace Tajawal"; font-style: normal; font-weight: 400; font-display: swap;
	src: url("fonts/Iura6YBj_oCad4k1nzGBCw.woff2") format("woff2");
	unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face {
	font-family: "TechSpace Tajawal"; font-style: normal; font-weight: 500; font-display: swap;
	src: url("fonts/Iurf6YBj_oCad4k1l8KiHrRpiYlJ.woff2") format("woff2");
	unicode-range: U+0600-06FF,U+0750-077F,U+0870-089F,U+08A0-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FEFC;
}
@font-face {
	font-family: "TechSpace Tajawal"; font-style: normal; font-weight: 500; font-display: swap;
	src: url("fonts/Iurf6YBj_oCad4k1l8KiHrFpiQ.woff2") format("woff2");
	unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

/* Preserve each component's size, weight, spacing and responsive rules. */
body.techspace-branding-active {
	--techspace-brand-font: "TechSpace Tajawal", sans-serif;
	--techspace-brand-ink: #1d2d44;
	--techspace-brand-mint: #6cdeb5;
	--font-arabic: var(--techspace-brand-font);
	--font-english: var(--techspace-brand-font);
	--theme-font-heading: var(--techspace-brand-font);
	--theme-font-body: var(--techspace-brand-font);
	font-family: var(--techspace-brand-font) !important;
}

body.techspace-branding-active :where(.techspace-clone-page, .techspace-clone-page *, .elementor) {
	--theme-font-heading: var(--techspace-brand-font);
	--theme-font-body: var(--techspace-brand-font);
	--font-arabic: var(--techspace-brand-font);
	--font-english: var(--techspace-brand-font);
	--typescale-display-font: var(--techspace-brand-font);
	--typescale-heading-1-font: var(--techspace-brand-font);
	--typescale-heading-2-font: var(--techspace-brand-font);
	--typescale-heading-3-font: var(--techspace-brand-font);
	--typescale-heading-4-font: var(--techspace-brand-font);
	--typescale-heading-5-font: var(--techspace-brand-font);
	--typescale-heading-6-font: var(--techspace-brand-font);
	--typescale-subheading-l-font: var(--techspace-brand-font);
	--typescale-subheading-s-font: var(--techspace-brand-font);
	--typescale-subheading-xs-font: var(--techspace-brand-font);
	--typescale-body-xl-font: var(--techspace-brand-font);
	--typescale-body-l-font: var(--techspace-brand-font);
	--typescale-body-m-font: var(--techspace-brand-font);
	--typescale-body-s-font: var(--techspace-brand-font);
	--typescale-body-xs-font: var(--techspace-brand-font);
	--typescale-link-l-font: var(--techspace-brand-font);
	--typescale-link-s-font: var(--techspace-brand-font);
}

/* Exclude icon-font elements, including icon spans used by Hub. */
body.techspace-branding-active :is(h1,h2,h3,h4,h5,h6,p,a,li,label,input,textarea,select,button,blockquote,figcaption,td,th,dt,dd),
body.techspace-branding-active span:not([class*="icon"]):not([class*="fa"]):not([aria-hidden="true"]),
body.techspace-branding-active .elementor-heading-title {
	font-family: var(--techspace-brand-font) !important;
}

/* Override earlier theme image-content rules in every header state. */
body.techspace-branding-active.techspace-home-header-style .site-header.main-header .module-logo img:is(.logo-default,.logo-sticky) {
	content: url("logo-white.png") !important;
	height: auto !important;
	object-fit: contain;
}
body.techspace-branding-active.techspace-home-header-style:is(.techspace-contact-header-active,.techspace-blog-header-active) .site-header.main-header .module-logo img,
body.techspace-branding-active.techspace-home-header-style .site-header.main-header.is-stuck .module-logo img,
body.techspace-branding-active.techspace-home-header-style .site-header.main-header .ld-module-dropdown .module-logo img {
	content: url("logo-black.svg") !important;
}

/* Remove header LinkedIn controls, including their empty grid/widget space. */
body.techspace-branding-active .site-header a[href*="linkedin.com"],
body.techspace-branding-active .site-header .elementor-grid-item:has(> a[href*="linkedin.com"]),
body.techspace-branding-active .site-header .elementor-widget-social-icons:has(a[href*="linkedin.com"]):not(:has(a:not([href*="linkedin.com"]))) {
	display: none !important;
}

/* The current footer is dark in both languages. Explicit light sections opt in. */
body.techspace-branding-active .site-footer {
	--techspace-footer-ink: #fff;
}
body.techspace-branding-active .site-footer :is(.lqd-section-light,[data-section-luminosity="light"]) {
	--techspace-footer-ink: #000;
}
body.techspace-branding-active .site-footer :is(a,p,h1,h2,h3,h4,h5,h6,.elementor-heading-title),
body.techspace-branding-active .site-footer .lqd-custom-menu > ul > li > a {
	color: var(--techspace-footer-ink) !important;
}
body.techspace-branding-active .site-footer .elementor-social-icons-wrapper .elementor-social-icon {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	color: var(--techspace-footer-ink) !important;
	--icon-size: 24px;
	--icon-padding: .4em;
	min-width: 44px;
	min-height: 44px;
}
body.techspace-branding-active .site-footer .elementor-social-icon :is(i,svg,path) {
	color: inherit !important;
	fill: currentColor !important;
}
body.techspace-branding-active .site-footer a:focus-visible {
	outline: 2px solid var(--techspace-brand-mint);
	outline-offset: 4px;
}

/* Keep the existing WhatsApp plugin, link, number and tracking behavior. */
body.techspace-branding-active #ht-ctc-chat :is(.ht_ctc_style,.ctc_s_2) {
	background: transparent !important;
	box-shadow: none !important;
}
body.techspace-branding-active #ht-ctc-chat .ctc_s_2 > svg > use {
	display: none !important;
}
body.techspace-branding-active #ht-ctc-chat .ctc_s_2 > svg > g > path {
	fill: var(--techspace-brand-mint) !important;
	stroke: var(--techspace-brand-ink);
	stroke-width: 6;
	paint-order: stroke fill;
}