.elementor-102 .elementor-element.elementor-element-01b5402{--display:flex;--min-height:40px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--overlay-opacity:0;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:3rem;}.elementor-102 .elementor-element.elementor-element-01b5402::before, .elementor-102 .elementor-element.elementor-element-01b5402 > .elementor-background-video-container::before, .elementor-102 .elementor-element.elementor-element-01b5402 > .e-con-inner > .elementor-background-video-container::before, .elementor-102 .elementor-element.elementor-element-01b5402 > .elementor-background-slideshow::before, .elementor-102 .elementor-element.elementor-element-01b5402 > .e-con-inner > .elementor-background-slideshow::before, .elementor-102 .elementor-element.elementor-element-01b5402 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-102 .elementor-element.elementor-element-b70add0{--display:flex;--min-height:36px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:6px;--padding-bottom:6px;--padding-left:6px;--padding-right:6px;}.elementor-102 .elementor-element.elementor-element-b70add0.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );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-102 .elementor-element.elementor-element-ed6cc45{width:var( --container-widget-width, 40.43% );max-width:40.43%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:40.43%;--container-widget-flex-grow:0;text-align:left;font-family:"al-aramco-regular", Sans-serif;font-size:11px;font-weight:300;line-height:23px;letter-spacing:0.2em;text-shadow:0px 0px 10px rgba(0, 0, 0, 0);}.elementor-102 .elementor-element.elementor-element-ed6cc45.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-102 .elementor-element.elementor-element-10090b7{--display:flex;--justify-content:space-between;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-102 .elementor-element.elementor-element-10090b7.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-102 .elementor-element.elementor-element-7d85f1a{margin:0rem 015rem calc(var(--kit-widget-spacing, 0px) + 0rem) 0rem;padding:0rem 0rem 0rem 0rem;}.elementor-102 .elementor-element.elementor-element-be3e754{--display:flex;--min-height:0vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--background-transition:0.3s;--overlay-opacity:0;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:9999;}.elementor-102 .elementor-element.elementor-element-be3e754::before, .elementor-102 .elementor-element.elementor-element-be3e754 > .elementor-background-video-container::before, .elementor-102 .elementor-element.elementor-element-be3e754 > .e-con-inner > .elementor-background-video-container::before, .elementor-102 .elementor-element.elementor-element-be3e754 > .elementor-background-slideshow::before, .elementor-102 .elementor-element.elementor-element-be3e754 > .e-con-inner > .elementor-background-slideshow::before, .elementor-102 .elementor-element.elementor-element-be3e754 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-102 .elementor-element.elementor-element-be3e754:hover{border-style:solid;border-color:#000000;--border-color:#000000;--border-radius:0px 0px 0px 0px;--border-top-left-radius:0px;--border-top-right-radius:0px;--border-bottom-right-radius:0px;--border-bottom-left-radius:0px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.99);}.elementor-102 .elementor-element.elementor-element-be3e754, .elementor-102 .elementor-element.elementor-element-be3e754::before{--border-transition:0.3s;}.elementor-102 .elementor-element.elementor-element-be3e754.e-con{--align-self:center;}.elementor-102 .elementor-element.elementor-element-2bce826{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:040px;--margin-right:0px;}.elementor-102 .elementor-element.elementor-element-2bce826.e-con{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-102 .elementor-element.elementor-element-1329e34{width:var( --container-widget-width, 106.901% );max-width:106.901%;padding:0px 0px 0px 0px;--container-widget-width:106.901%;--container-widget-flex-grow:0;}.elementor-102 .elementor-element.elementor-element-1329e34.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-102 .elementor-element.elementor-element-1329e34 .elementor-menu-toggle{margin:0 auto;}.elementor-102 .elementor-element.elementor-element-1329e34 .elementor-nav-menu .elementor-item{font-family:"Helvetica", Sans-serif;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:0.5px;}.elementor-102 .elementor-element.elementor-element-1329e34 .elementor-nav-menu--main .elementor-item{color:#F9F9F9;fill:#F9F9F9;}.elementor-102 .elementor-element.elementor-element-1329e34 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-102 .elementor-element.elementor-element-1329e34 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-102 .elementor-element.elementor-element-1329e34 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-102 .elementor-element.elementor-element-1329e34 .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-102 .elementor-element.elementor-element-1329e34 .elementor-nav-menu--dropdown .elementor-item, .elementor-102 .elementor-element.elementor-element-1329e34 .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:"al-aramco-regular", Sans-serif;font-weight:500;}.elementor-widget-theme-site-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-102 .elementor-element.elementor-element-fe43063{margin:0em 0em calc(var(--kit-widget-spacing, 0px) + 0em) 0em;padding:0px 0px 0px 0px;text-align:right;}.elementor-102 .elementor-element.elementor-element-fe43063.elementor-element{--align-self:center;}.elementor-102 .elementor-element.elementor-element-fe43063 .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:25px;font-weight:600;letter-spacing:0.5px;-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;color:#000000;}.elementor-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-102 .elementor-element.elementor-element-002f758{margin:0em 0em calc(var(--kit-widget-spacing, 0px) + 0em) 1em;padding:0px 0px 0px 0px;text-align:center;}.elementor-102 .elementor-element.elementor-element-002f758.elementor-element{--align-self:center;--order:99999 /* order end hack */;--flex-grow:0;--flex-shrink:0;}.elementor-102 .elementor-element.elementor-element-002f758 img{width:4rem;max-width:4rem;height:3.7rem;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-102 .elementor-element.elementor-element-b70add0{--width:56.878%;}.elementor-102 .elementor-element.elementor-element-10090b7{--width:23.059%;}.elementor-102 .elementor-element.elementor-element-be3e754{--width:100%;}.elementor-102 .elementor-element.elementor-element-2bce826{--width:62.991%;}}@media(max-width:1024px){.elementor-102 .elementor-element.elementor-element-1329e34 .elementor-nav-menu .elementor-item{font-size:14px;}}@media(max-width:767px){.elementor-102 .elementor-element.elementor-element-1329e34 .elementor-nav-menu .elementor-item{font-size:13px;}.elementor-102 .elementor-element.elementor-element-fe43063 .elementor-heading-title{font-size:20px;}}/* Start custom CSS for container, class: .elementor-element-01b5402 *//* =========================================
   SKYLINE — CSS Variables for easy tweaking
   ========================================= */
:root{
  -topbar-fs: 11px; important!       /* topbar (Arabic | English | Global contacts) */
  -nav-fs: 13.5px;         /* main menu (HOME PAGE, ABOUT, …) */
  -nav-pad-y: 10px;        /* vertical padding inside main menu links */
  -nav-underline-h: 2px;   /* underline thickness */
  -nav-underline-gap: -2px;
  /* how far below the text the underline sits */

}


/* ---------------------------------------
   SKYLINE TOPBAR + SITE SWITCHER
---------------------------------------- */

/* Topbar container */
.topbar-ghost {
  background: transparent !important;
  transition: background .25s ease, box-shadow .25s ease;
  backdrop-filter: none !important; 
  -webkit-backdrop-filter: none !important;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 1px 16px;
  position: relative;
  z-index: 20000;             /* High z-index to sit above navbar */
  overflow: visible;          /* Don't clip the dropdown */
  line-height: 1.0;           /* Consistent baseline */
}

.topbar-ghost:hover {
  background: transparent;
}

/* Left links (Arabic / English / Global contacts) */
.topbar-ghost a {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: var(--topbar-fs);
  font-weight: 300;           /* Light weight as requested */
  color: #1a1a1a;
  text-decoration: none;
  margin-right: 8px;
  position: relative;
  padding: 1px 6px;
  letter-spacing: 0.2px;
  line-height: 1.2;
  transition: color .25s ease;
}

.topbar-ghost a:last-child { 
  margin-right: 0; 
}

.topbar-ghost a:hover {
  color: #004c97 !important;
}

/* Underline hover for left links */
.topbar-ghost a::after {
  content: "";
  position: absolute;
  left: 6px;
  right: 6px;
  bottom: 1px;
  height: 2px;
  background: #004c97;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.3s ease;
  border-radius: 1px;
}

.topbar-ghost a::after {
  content: "";
  position: absolute;
  left: 6px;
  right: 6px;
  bottom: 1px;
  height: 2px;
  background: #004c97;  /* This is already blue - keep it */
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.3s ease;
  border-radius: 1px;
}

/* ---------------------------------------
   Site Switcher (Dropdown)
---------------------------------------- */
.site-switcher {
  position: relative;
  display: inline-block;
  z-index: 30000;             /* Higher than topbar */
  overflow: visible;
}

.site-toggle {
  background: transparent;
  border: 0;
  color: #1a1a1a;
  cursor: pointer;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: var(--topbar-fs);
  font-weight: 300;           /* Light weight as requested */
  padding: 1px 8px;
  border-radius: 6px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  line-height: 1.2;
  letter-spacing: 0.2px;
  transition: color .25s ease;
}

.site-toggle:hover {
  color: #004c97;
}

.site-toggle .globe { 
  font-size: 15px; 
  line-height: 1; 
}

.site-toggle .label strong { 
  font-weight: 500;           /* Keep strong elements slightly bolder */
}

.site-toggle .caret { 
  opacity: 0.85;
  transition: transform 0.2s ease;
}

.site-switcher:hover .site-toggle .caret {
  transform: rotate(180deg);
}

/* Dropdown panel */
.site-panel {
  position: absolute;
  right: 0;
  top: calc(100% + 12px);
  min-width: 280px;
  background: #ffffff;
  color: #222;
  padding: 16px 20px;
  border-radius: 12px;
  box-shadow: 0 16px 40px rgba(0,0,0,0.15), 0 4px 12px rgba(0,0,0,0.1);
  border: 1px solid rgba(0,0,0,0.08);
  opacity: 0;
  visibility: hidden;
  transform: translateY(-8px);
  transition: opacity 0.2s ease, transform 0.2s ease, visibility 0s linear 0.2s;
  z-index: 40000;             /* Highest z-index */
  backdrop-filter: saturate(180%) blur(8px);
  -webkit-backdrop-filter: saturate(180%) blur(8px);
}

.site-panel ul { 
  margin: 0; 
  padding: 0; 
  list-style: none; 
}

.site-panel li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 10px 0;
  border-bottom: 1px solid rgba(0,0,0,0.06);
  transition: background-color 0.15s ease;
}

.site-panel li:last-child { 
  border-bottom: 0; 
}

.site-panel li:hover {
  background-color: rgba(0,76,151,0.02);
  border-radius: 6px;
  margin: 0 -8px;
  padding-left: 8px;
  padding-right: 8px;
}

.site-panel li span {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;           /* Light weight as requested */
  color: #111;
  font-size: 14px;
  line-height: 1.2;
}

.site-panel li a {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;           /* Light weight as requested */
  font-size: 13px;
  color: #004c97;
  text-decoration: none;
  padding: 4px 8px;
  border-radius: 4px;
  transition: all 0.15s ease;
  line-height: 1.2;
}

.site-panel li a:hover { 
  background-color: #004c97;
  color: white;
  text-decoration: none;
}

/* Reveal dropdown */
.site-switcher:hover .site-panel,
.site-switcher:focus-within .site-panel {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  transition: opacity 0.2s ease, transform 0.2s ease, visibility 0s linear;
}

/* Sticky state */
.elementor-sticky--effects .site-toggle { 
  color: #222; 
}

/* -----------------------------
   Main nav: smaller + aligned
----------------------------- */
.elementor-nav-menu a.elementor-item {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;           /* Semi-bold for main navigation */
  font-size: var(--nav-fs);
  line-height: 1.2;           /* Match topbar baseline */
  letter-spacing: 0.2px;
  padding: var(--nav-pad-y) 14px calc(var(--nav-pad-y) - 2px);
}

/* Keep underline on exact same baseline for all items */
.elementor-nav-menu a.elementor-item::after {
  height: var(--nav-underline-h);
  bottom: var(--nav-underline-gap);
  border-radius: 2px;
}

/* Ensure no ancestor clips the dropdown */
.topbar-ghost,
.topbar-ghost * {
  overflow: visible;
}

/* Optional: if any Elementor section clips content */
.elementor-section,
.elementor-container {
  overflow: visible;
}

/* Mobile responsiveness */
@media (max-width: 767px) {
  .site-panel { 
    min-width: 260px; 
    right: -10px;
    left: auto;
    max-width: calc(100vw - 20px);
  }
  
  .site-toggle {
    font-size: 12px;
  }
  
  .site-panel li span,
  .site-panel li a {
    font-size: 13px;
  }
  
  .topbar-ghost {
    padding: 4px 12px;
  }
}

/* High-priority overrides for stubborn elements */
.site-panel {
  z-index: 99999 !important;
}

body .site-switcher .site-panel {
  z-index: 99999 !important;
  position: absolute !important;
}
/* --- Site Switcher Dropdown Fonts --- */
.site-switcher .site-panel {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  font-weight: 300;   /* Light weight */
  color: #222;
}

.site-switcher .site-panel li span {
  font-weight: 300;   /* Lighter labels too */
  font-size: 13px;
}

.site-switcher .site-panel li a {
  font-weight: 300;   /* "Visit" links light */
  font-size: 13px;
  color: #004c97;
  text-decoration: none;
}
.site-switcher .site-panel li a:hover {
  text-decoration: underline;
}
.site-toggle .label {
  font-size: var(--switcher-fs);
}
/* --- Align Topbar Left & Right to Same Size --- */
.topbar-ghost,
.topbar-ghost a,
.site-switcher .site-toggle,
.site-switcher .site-toggle .label {
  font-family: "Helvetica Neue", Arial, sans-serif;
  font-size: 13px;     /* same as left side */
  font-weight: 400;    /* lighter, not bold */
  line-height: 1.4;
  vertical-align: middle;
}

/* Reduce bold on "Skyline Official Website" */
.site-switcher .site-toggle .label strong {
  font-weight: 400;  /* instead of 600 */
}
/* --- keep the whole topbar on a single line --- */
.topbar-ghost {
  display: flex;
  align-items: center;
  justify-content: space-between;
  white-space: nowrap;           /* prevent wrapping anywhere in the bar */
  gap: 12px;                     /* small breathing room */
}

/* push the switcher to the far right */
.site-switcher { margin-left: auto; }

/* make the switcher itself a single-line inline row */
.site-switcher .site-toggle {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  white-space: nowrap;           /* no wrap inside the toggle */
  max-width: none;               /* don’t constrain width */
}

/* keep the label inline (no stacked lines) */
.site-switcher .site-toggle .label {
  display: inline-flex;
  align-items: baseline;
  gap: 6px;
  white-space: nowrap;
}

/* if any <br> was inserted by the widget/theme, hide it */
.site-switcher .site-toggle .label br { display: none; }

/* avoid blocks inside the label that force a new line */
.site-switcher .site-toggle .label > * {
  display: inline;               /* spans stay inline */
}

/* font parity with the left links (small & tidy) */
.topbar-ghost a,
.site-switcher .site-toggle,
.site-switcher .site-toggle .label {
  font-family: "Helvetica Neue", Arial, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.4;
}

/* remove bold from “Skyline Official Website” so it doesn’t look bigger */
.site-switcher .site-toggle .label strong { font-weight: 300; }
/* Force topbar transparency - add at the very end */
body .topbar-ghost,
.elementor-section .topbar-ghost,
.topbar-ghost.topbar-ghost {
  background: transparent !important;
  background-color: transparent !important;
}

body .topbar-ghost:hover,
.topbar-ghost.topbar-ghost:hover {
  background: transparent !important;
  background-color: transparent !important;
}

/* Nuclear option - force override everything */
body .elementor-section .site-switcher .site-toggle,
body .site-switcher .site-toggle,
.site-switcher .site-toggle.site-toggle {
  color: #ffffff !important;
  text-shadow: 1px 1px 2px rgba(0,0,0,0.5) !important;
  background: transparent !important;
}
body .elementor-section .site-switcher .site-toggle:hover,
body .site-switcher .site-toggle:hover,
.site-switcher .site-toggle.site-toggle:hover {
  color: #00BCD4 !important;
  text-shadow: 1px 1px 2px rgba(0,0,0,0.5) !important;
  background: transparent !important;
}
/* Force dropdown styling */
body .site-switcher .site-panel.site-panel {
  background: rgba(0,0,0,0.8) !important;
  color: #ffffff !important;
}

body .site-switcher .site-panel li span {
  color: #ffffff !important;
}

body .site-switcher .site-panel li a {
  color: #ffffff !important;
  background: rgba(255,255,255,0.1) !important;
}

body .site-switcher .site-panel li a:hover {
  background: #004c97 !important;
  color: #ffffff !important;
}
.topbar-ghost a {
  color: #C0C0C0 !important;
  text-shadow: 1px 1px 2px rgba(0,0,0,0.5) !important;
}

.topbar-ghost a:hover {
  color: #00B4D8 !important;  /* Blue hover */
}

.topbar-ghost a::after {
  background: #00B4D8 !important;  /* Blue underline */
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-1329e34 *//* ============ SKYLINE MENU — underline gradient + spacing ============ */
/* Tweak just these if you want: */
:root {
  --nav-underline-h: 2px;     /* underline thickness */
  --nav-underline-gap: 6px;   /* distance below text */
  --nav-xpad: 18px;           /* left/right padding */
  --nav-ypad: 12px;           /* top/bottom padding */
}

/* Make sure the menu can show the underline outside its box */
.elementor .elementor-nav-menu--main { overflow: visible; }

/* Base link style */
.elementor .elementor-nav-menu--main .elementor-item,
.elementor .elementor-nav-menu--main .elementor-item:visited {
  position: relative;
  display: inline-block;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  color: rgba(255,255,255,0.92);
  text-decoration: none;
  padding: var(--nav-ypad) var(--nav-xpad);
  line-height: 1;                 /* keeps underline close to the text */
  letter-spacing: .5px;
  transition: color .3s ease, background .3s ease;
}

/* Gradient underline (hidden by default) */
.elementor .elementor-nav-menu--main .elementor-item::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: calc(-1 * var(--nav-underline-gap));    /* distance from text */
  height: var(--nav-underline-h);
  border-radius: 2px;
  background: linear-gradient(90deg, #0057E7 0%, #4A90E2 100%);
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform .35s ease;
}

/* Hover & active: text gradient + show underline */
.elementor .elementor-nav-menu--main .elementor-item:hover,
.elementor .elementor-nav-menu--main .current-menu-item > .elementor-item {
  background: linear-gradient(90deg, #C0392B 0%, #4A90E2 100%); /* Skyline red → blue */
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}
.elementor .elementor-nav-menu--main .elementor-item:hover::after,
.elementor .elementor-nav-menu--main .current-menu-item > .elementor-item::after {
  transform: scaleX(1);
}

/* Sticky header: keep readable dark text (and keep underline) */
.elementor-sticky--effects .elementor .elementor-nav-menu--main .elementor-item {
  color: #111111 !important;
  -webkit-text-fill-color: initial; /* cancel text gradient fill in sticky */
  background: none;
}/* End custom CSS */
/* Start custom CSS for theme-site-title, class: .elementor-element-fe43063 */.elementor-102 .elementor-element.elementor-element-fe43063 {
  background: linear-gradient(45deg, #FF6B6B, #4DA6FF);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}/* End custom CSS */
/* Start custom CSS for theme-site-logo, class: .elementor-element-002f758 */.elementor-widget-theme-site-logo img {
  height: 42px;      /* clean & professional */
  width: auto;       /* keep aspect ratio */
  max-width: 150px;  /* prevent it from oversizing */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-be3e754 *//* Base ghost header (transparent on load) */
.ghost-nav.smart-header {
  background: transparent;
  transition: background 0.25s ease, box-shadow 0.25s ease, transform 0.28s ease;
  will-change: background, box-shadow, transform;
  z-index: 9999;
}

/* Faint dark wash on hover (before scroll) */
.ghost-nav.smart-header:hover {
  background: rgba(0, 0, 0, 0.18);
  backdrop-filter: blur(2px) saturate(120%);
  -webkit-backdrop-filter: blur(2px) saturate(120%);
}

/* Slightly clarify links on hover */
.ghost-nav.smart-header:hover .elementor-nav-menu a.elementor-item {
  opacity: 0.98;
}

/* Sticky state = black background */
.ghost-nav.smart-header.elementor-sticky--effects {
  background: rgba(0, 0, 0, 0.92) !important;
  backdrop-filter: saturate(180%) blur(8px);
  -webkit-backdrop-filter: saturate(180%) blur(8px);
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.4);
  color: #ffffff;
}

/* Force menu links white when sticky */
.ghost-nav.smart-header.elementor-sticky--effects .elementor-nav-menu a.elementor-item {
  color: #ffffff !important;
}

/* Hide on scroll down (if JS adds .is-hidden) */
.ghost-nav.smart-header.is-hidden {
  transform: translateY(-100%);
}

/* Stronger shadow while sliding out */
.ghost-nav.smart-header.elementor-sticky--effects.is-hidden {
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.4);
}
/* More specific targeting for transparent header */
body .ghost-nav,
body .smart-header,
.elementor-location-header .ghost-nav,
.elementor-location-header .smart-header {
  background: transparent !important;
  background-color: transparent !important;
}

/* Target the actual header section */
.elementor-section.ghost-nav,
.elementor-section.smart-header {
  background: transparent !important;
  background-color: transparent !important;
}

/* Target by data attributes if used */
[data-elementor-type="header"] {
  background: transparent !important;
}

/* Nuclear option - target all possible header containers */
header,
#site-header,
.site-header,
.main-header {
  background: transparent !important;
  background-color: transparent !important;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'al-aramco-regular';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://alskyline.com/wp-content/uploads/2025/09/Al-Aramco-Regular.ttf') format('truetype');
}
/* End Custom Fonts CSS */