.elementor-11 .elementor-element.elementor-element-hmhero:not(.elementor-motion-effects-element-type-background), .elementor-11 .elementor-element.elementor-element-hmhero > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EAEBEF;background-image:url("https://tekhey.com/wp-content/uploads/2026/07/tekhey-world-map.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-11 .elementor-element.elementor-element-hmhero > .elementor-background-overlay{background-color:#EAEBEF;opacity:0.35;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-11 .elementor-element.elementor-element-hmhero{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:110px 20px 54px 20px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );}.elementor-11 .elementor-element.elementor-element-hmlogo{text-align:center;}.elementor-11 .elementor-element.elementor-element-hmlogo img{width:300px;}.elementor-widget-heading .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-11 .elementor-element.elementor-element-hmh1{text-align:center;}.elementor-11 .elementor-element.elementor-element-hmpl{text-align:center;}.elementor-widget-text-editor{color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-11 .elementor-element.elementor-element-hmtg{text-align:center;}@media(max-width:767px){.elementor-11 .elementor-element.elementor-element-hmhero{padding:92px 18px 44px 18px;}.elementor-11 .elementor-element.elementor-element-hmlogo img{width:210px;}}/* Start custom CSS *//* ------------------------------------------------------------------
   Home hero. The whole poster fits one screen: the section is 100svh
   and the header sits on top of it, so header + hero = 100% together.
   ------------------------------------------------------------------ */
body.elementor-page-11 .elementor-element-hmhero{ text-align:center; position:relative; display:flex; align-items:center; min-height:100vh; min-height:100svh; }
body.elementor-page-11 .elementor-element-hmhero > .elementor-container{ min-height:0; width:100%; position:relative; z-index:1; }
body.elementor-page-11 .elementor-element-hmhero .elementor-widget-wrap{ max-width:900px; margin-left:auto; margin-right:auto; }

/* The wordmark leads the composition, directly above the first line.
   .no-brand-rule keeps the global blue image rule off it. */
body.elementor-page-11 .elementor-element-hmhero .hm-logo{ margin-bottom:clamp(18px,3.2vh,34px); }
body.elementor-page-11 .elementor-element-hmhero .hm-logo .elementor-widget-container{ text-align:center; }
body.elementor-page-11 .elementor-element-hmhero .hm-logo img{ margin-left:auto; margin-right:auto; display:block; height:auto; }

/* One logo per screen size: the centred wordmark is mobile only,
   because on desktop the header already shows the mark on the left. */
@media(min-width:768px){ body.elementor-page-11 .elementor-element-hmhero .hm-logo{ display:none; } }

/* Blue brand rule closing the screen, as on the poster. */
body.elementor-page-11 .elementor-element-hmhero::after{ content:""; position:absolute; left:0; right:0; bottom:0; height:10px; background:#057EF8; z-index:3; }

/* Line 1 + line 2: regular weight, sized so neither ever wraps. */
body.elementor-page-11 .elementor-element-hmhero .hm-h1 .elementor-heading-title{ font-family:Jost,sans-serif; color:#111D3C; font-weight:400; font-size:clamp(.95rem,5.1vw,2.3rem); letter-spacing:.1em; line-height:1.5; margin:0; text-transform:uppercase; white-space:nowrap; }
body.elementor-page-11 .elementor-element-hmhero .hm-h1 .accent{ color:#057EF8; font-weight:400; }

/* HOLDING - TECHNOLOGY - PLATFORMS - INVESTMENT: one line, blue dots. */
body.elementor-page-11 .elementor-element-hmhero .hm-pills{ margin-top:22px; }
body.elementor-page-11 .elementor-element-hmhero .hm-pills .elementor-heading-title{ font-family:Jost,sans-serif; color:#4A5570; font-weight:400; font-size:clamp(.5rem,2.75vw,.82rem); letter-spacing:.08em; margin:0; text-transform:uppercase; white-space:nowrap; }

/* Global presence block, matched to the pills line exactly. */
body.elementor-page-11 .elementor-element-hmhero .hm-presence{ margin-top:clamp(120px,26vh,300px); }
body.elementor-page-11 .elementor-element-hmhero .hm-presence .hm-lbl{ font-family:Jost,sans-serif; color:#057EF8; font-weight:500; font-size:clamp(.5rem,2.4vw,.72rem); letter-spacing:.24em; text-transform:uppercase; margin:0; }
body.elementor-page-11 .elementor-element-hmhero .hm-presence .hm-rule{ width:52px; height:2px; background:#057EF8; margin:12px auto 14px; }
body.elementor-page-11 .elementor-element-hmhero .hm-presence .hm-reg{ font-family:Jost,sans-serif; color:#111D3C; font-weight:400; font-size:clamp(.5rem,2.75vw,.82rem); letter-spacing:.08em; text-transform:uppercase; margin:0; white-space:nowrap; }

/* Blue separators everywhere they appear. */
/* Separators are drawn in CSS rather than typed as a bullet glyph: a real
   circle can be centred exactly, where the glyph sits low on its own baseline.
   Sized in em so both rows scale together and stay identical.
   vertical-align:middle centres on the x-height, so the small negative top
   nudge lifts it to the optical centre of UPPERCASE text. */
body.elementor-page-11 .elementor-element-hmhero .dot{ display:inline-block; width:.5em; height:.5em; border-radius:50%; background:#057EF8; vertical-align:middle; position:relative; top:-.07em; margin:0 .7em; letter-spacing:0; }

/* Closing tagline: same treatment as line 1, one step smaller. */
body.elementor-page-11 .elementor-element-hmhero .hm-tag{ margin-top:clamp(30px,5vh,52px); }
body.elementor-page-11 .elementor-element-hmhero .hm-tag .elementor-heading-title{ font-family:Jost,sans-serif; color:#111D3C; font-weight:400; font-size:clamp(.8rem,3.5vw,1.25rem); letter-spacing:.1em; line-height:1.75; margin:0; text-transform:uppercase; }
body.elementor-page-11 .elementor-element-hmhero .hm-tag .accent{ color:#057EF8; font-weight:400; }

@media(max-width:767px){
  body.elementor-page-11 .elementor-element-hmhero .hm-presence{ margin-top:clamp(70px,17vh,150px); }
  body.elementor-page-11 .elementor-element-hmhero .hm-h1 .elementor-heading-title{ line-height:1.65; }
}/* End custom CSS */