.elementor-2464 .elementor-element.elementor-element-35a0d05{--display:flex;--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:-120px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:100;}.elementor-2464 .elementor-element.elementor-element-35a0d05:not(.elementor-motion-effects-element-type-background), .elementor-2464 .elementor-element.elementor-element-35a0d05 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F0F000;}.elementor-2464 .elementor-element.elementor-element-35a0d05.eael_liquid_glass-effect1{background-color:#FFFFFF1F;backdrop-filter:blur(24px);}.elementor-2464 .elementor-element.elementor-element-35a0d05.eael_liquid_glass_shadow-effect4{border-style:solid;border-width:1px 1px 1px 1px;border-color:#AAAAAA1A;border-radius:0px 0px 0px 0px;box-shadow:0px 9px 21px 0px rgba(0, 0, 0, 0.11);}.elementor-2464 .elementor-element.elementor-element-79febe2{--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;}.elementor-2464 .elementor-element.elementor-element-79febe2.e-con{--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:0;}.elementor-2464 .elementor-element.elementor-element-179503f{width:var( --container-widget-width, 115.385% );max-width:115.385%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:115.385%;--container-widget-flex-grow:0;}.elementor-2464 .elementor-element.elementor-element-179503f.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-2464 .elementor-element.elementor-element-4d7ae60{--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;--justify-content:center;}.elementor-2464 .elementor-element.elementor-element-4d7ae60.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2464 .elementor-element.elementor-element-5cdcc1b{padding:8px 8px 8px 8px;--e-nav-menu-horizontal-menu-item-margin:calc( 8px / 2 );}.elementor-2464 .elementor-element.elementor-element-5cdcc1b.elementor-element{--align-self:center;}.elementor-2464 .elementor-element.elementor-element-5cdcc1b .elementor-menu-toggle{margin-left:auto;background-color:#02010100;}.elementor-2464 .elementor-element.elementor-element-5cdcc1b .elementor-nav-menu .elementor-item{font-family:"Poppins", Sans-serif;font-size:17px;font-weight:400;}.elementor-2464 .elementor-element.elementor-element-5cdcc1b .elementor-nav-menu--main .elementor-item{color:#F0F0F0;fill:#F0F0F0;}.elementor-2464 .elementor-element.elementor-element-5cdcc1b .elementor-nav-menu--main .elementor-item:hover,
					.elementor-2464 .elementor-element.elementor-element-5cdcc1b .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-2464 .elementor-element.elementor-element-5cdcc1b .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-2464 .elementor-element.elementor-element-5cdcc1b .elementor-nav-menu--main .elementor-item:focus{color:#00B6C3;fill:#00B6C3;}.elementor-2464 .elementor-element.elementor-element-5cdcc1b .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-2464 .elementor-element.elementor-element-5cdcc1b .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#02010100;}.elementor-2464 .elementor-element.elementor-element-5cdcc1b .e--pointer-framed .elementor-item:before,
					.elementor-2464 .elementor-element.elementor-element-5cdcc1b .e--pointer-framed .elementor-item:after{border-color:#02010100;}.elementor-2464 .elementor-element.elementor-element-5cdcc1b .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:8px;}.elementor-2464 .elementor-element.elementor-element-5cdcc1b .elementor-nav-menu--dropdown a, .elementor-2464 .elementor-element.elementor-element-5cdcc1b .elementor-menu-toggle{color:#FFFFFF;fill:#FFFFFF;}.elementor-2464 .elementor-element.elementor-element-5cdcc1b .elementor-nav-menu--dropdown{background-color:#02010100;}.elementor-2464 .elementor-element.elementor-element-5cdcc1b div.elementor-menu-toggle{color:#FFFFFF;}.elementor-2464 .elementor-element.elementor-element-5cdcc1b div.elementor-menu-toggle svg{fill:#FFFFFF;}.elementor-2464 .elementor-element.elementor-element-9591105{--display:flex;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:767px){.elementor-2464 .elementor-element.elementor-element-79febe2{--width:50%;}.elementor-2464 .elementor-element.elementor-element-4d7ae60{--width:50%;}.elementor-2464 .elementor-element.elementor-element-5cdcc1b.elementor-element{--align-self:flex-end;}}@media(min-width:768px){.elementor-2464 .elementor-element.elementor-element-79febe2{--width:20%;}.elementor-2464 .elementor-element.elementor-element-4d7ae60{--width:80%;}}/* Start custom CSS for container, class: .elementor-element-35a0d05 *//* =========================================================
   MUSLAH FINAL GLASS HEADER (Elementor)
   Classes:
   - Logo widget:     .ms-lg-logo
   - Nav menu widget: .ms-el-lg

   Desktop: liquid pill hover + glass submenu
   Tablet:  desktop-like menu (no hamburger), smaller font
   Mobile:  fixed glass dropdown (no white gap), logo left, toggle right,
            submenu glass + hover/tap color change
========================================================= */

/* -------------------- BASE VARS -------------------- */
.ms-el-lg{
  --ms-c: #00B6C3;
  --ms-text: rgba(255,255,255,.78);
  --ms-text-active: #00B6C3;

  --ms-ease: cubic-bezier(.175,.885,.32,1.35);
  --ms-time: 420ms;

  --ms-bg: rgba(255,255,255,.08);
  --ms-highlight: rgba(255,255,255,.55);
  --ms-stroke: rgba(255,255,255,.14);

  --ms-radius: 18px;
  --ms-pill-radius: 24px;
  --ms-menu-radius: 26px;

  --ms-filter: none; /* set by JS */
}

/* -------------------- DESKTOP MAIN MENU -------------------- */
@media (min-width:1025px){
  .ms-el-lg .elementor-nav-menu--main{
    position: relative;
    display:flex;
    align-items:center;
    gap: 10px;
  }
}

.ms-el-lg .elementor-nav-menu--main .elementor-item{
  position: relative;
  z-index: 3;
  padding: 12px 18px !important;
  border-radius: var(--ms-radius);

  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 2px;
  text-transform: uppercase;

  color: var(--ms-text) !important;
  background: transparent !important;

  transition: color 220ms ease, transform 220ms ease, background 220ms ease;
}

.ms-el-lg .elementor-nav-menu--main .elementor-item:hover{
  color: var(--ms-c) !important;
  transform: translateY(-1px);
}

.ms-el-lg .elementor-nav-menu--main .elementor-item.elementor-item-active,
.ms-el-lg .elementor-nav-menu--main .current-menu-item > a{
  color: var(--ms-text-active) !important;
}

/* -------------------- LIQUID PILL (DESKTOP) -------------------- */
.ms-el-lg .ms-lg-pill{
  position:absolute;
  top:0; left:0;
  z-index: 2;
  border-radius: var(--ms-pill-radius);
  overflow: hidden;
  pointer-events:none;
  opacity: 0;

  transition:
    transform var(--ms-time) var(--ms-ease),
    width var(--ms-time) var(--ms-ease),
    height var(--ms-time) var(--ms-ease),
    opacity 180ms ease;

  box-shadow: 0 20px 70px rgba(0,0,0,.55);
}

.ms-el-lg .ms-lg-pill .ms-lg-filter{
  position:absolute;
  inset:0;
  z-index:0;
  backdrop-filter: blur(0px);
  -webkit-backdrop-filter: blur(0px);
  filter: var(--ms-filter);
  isolation:isolate;
}
.ms-el-lg .ms-lg-pill .ms-lg-overlay{
  position:absolute;
  inset:0;
  z-index:1;
  background: var(--ms-bg);
}
.ms-el-lg .ms-lg-pill .ms-lg-specular{
  position:absolute;
  inset:0;
  z-index:2;
  border-radius: inherit;
  box-shadow:
    inset 1px 1px 0 var(--ms-highlight),
    inset 0 0 6px rgba(255,255,255,.35),
    inset 0 0 0 2px rgba(0,182,195,.14);
}

/* Disable pill for <=1024 (tablet+mobile) for performance */
@media (max-width:1024px){
  .ms-el-lg .ms-lg-pill{ display:none !important; }
}

/* -------------------- DESKTOP SUBMENU GLASS -------------------- */
@media (min-width:1025px){
  .ms-el-lg .elementor-nav-menu--main .sub-menu{
    padding: 10px !important;
    border-radius: var(--ms-menu-radius) !important;

    background: rgba(25,25,25,.42) !important;
    border: 1px solid var(--ms-stroke) !important;

    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);

    box-shadow: 0 22px 60px rgba(0,0,0,.55);
    overflow: hidden;
  }

  .ms-el-lg .elementor-nav-menu--main .sub-menu .elementor-item{
    border-radius: 14px !important;
    padding: 10px 14px !important;
    font-size: 12px !important;
    letter-spacing: 1.5px;
    color: rgba(255,255,255,.82) !important;
    transform: none !important;
  }

  .ms-el-lg .elementor-nav-menu--main .sub-menu .elementor-item:hover{
    background: rgba(255,255,255,.08) !important;
    color: var(--ms-c) !important;
  }
}

/* -------------------- TABLET = DESKTOP (NO TOGGLE) -------------------- */
@media (min-width:768px) and (max-width:1024px){
  .ms-el-lg .elementor-nav-menu--main{
    display:flex !important;
    align-items:center;
    gap:10px;
    position:relative;
  }
  .ms-el-lg .elementor-menu-toggle{ display:none !important; }
  .ms-el-lg .elementor-nav-menu__container.elementor-nav-menu--dropdown{ display:none !important; }

  /* smaller font on tablet */
  .ms-el-lg .elementor-nav-menu--main .elementor-item{
    font-size: 12px !important;
    letter-spacing: 1.6px !important;
    padding: 10px 14px !important;
  }
}

/* -------------------- MOBILE: HEADER PADDING + ALIGNMENT -------------------- */
@media (max-width:767px){

  /* Reduce header side padding so logo left & icon right */
  .elementor-location-header .elementor-container,
  .elementor-location-header .e-con-inner{
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  /* Logo more left */
  .ms-lg-logo{
    position: relative !important;
    display: inline-flex !important;
    overflow: visible !important;
    z-index: 5;
  }
  .ms-lg-logo .elementor-widget-container{
    display:flex !important;
    justify-content:flex-start !important;
    align-items:center !important;
    overflow: visible !important;
    position: relative !important;
    z-index: 5;
    margin-left: -4px !important; /* tweak -2/-6 */
  }

  /* Toggle more right */
  .ms-el-lg .elementor-widget-container{
    display:flex !important;
    justify-content:flex-end !important;
    align-items:center !important;
    margin-right: -4px !important; /* tweak -2/-6 */
  }
}

/* -------------------- MOBILE: NO WHITE GAP + FIXED DROPDOWN -------------------- */
@media (max-width:767px){

  /* Prevent main menu taking any space */
  .ms-el-lg .elementor-nav-menu--main{ display:none !important; }

  /* Slim toggle button */
  .ms-el-lg .elementor-menu-toggle{
    padding: 7px 9px !important;
    border-radius: 14px !important;
    min-height: 38px !important;
    min-width: 38px !important;

    background: rgba(15,15,15,.28) !important;
    border: 1px solid rgba(255,255,255,.14) !important;

    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);

    box-shadow: 0 14px 40px rgba(0,0,0,.35);
  }
  .ms-el-lg .elementor-menu-toggle i,
  .ms-el-lg .elementor-menu-toggle svg{
    width: 22px !important;
    height: 22px !important;
  }

  /* Fixed dropdown panel (out of document flow => NO gap) */
  .ms-el-lg .elementor-nav-menu__container,
  .ms-el-lg .elementor-nav-menu__container.elementor-nav-menu--dropdown{
    position: fixed !important;
    z-index: 999999 !important;

    left: 12px !important;
    right: 12px !important;
    top: calc(env(safe-area-inset-top, 0px) + 64px) !important;

    width: auto !important;
    max-width: 520px !important;
    margin: 0 auto !important;

    border-radius: 22px !important;
    background: rgba(18,18,18,.38) !important;
    border: 1px solid rgba(255,255,255,.14) !important;

    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);

    box-shadow: 0 22px 70px rgba(0,0,0,.55);
    overflow: hidden;

    /* CLOSED */
    height: 0 !important;
    padding: 0 !important;
    margin-top: 0 !important;

    opacity: 0 !important;
    transform: translateY(8px) scale(.98) !important;
    pointer-events: none !important;

    transition: height 420ms ease, opacity 220ms ease, transform 420ms ease;
  }

  /* OPEN */
  .ms-el-lg .elementor-menu-toggle.elementor-active ~ .elementor-nav-menu__container,
  .ms-el-lg .elementor-menu-toggle.elementor-active ~ .elementor-nav-menu__container.elementor-nav-menu--dropdown{
    height: calc(100vh - (env(safe-area-inset-top, 0px) + 90px)) !important;
    padding: 10px 0 12px !important;

    opacity: 1 !important;
    transform: translateY(0) scale(1) !important;
    pointer-events: auto !important;
  }

  /* Remove white bg inside */
  .ms-el-lg .elementor-nav-menu--dropdown,
  .ms-el-lg .elementor-nav-menu--dropdown ul,
  .ms-el-lg .elementor-nav-menu__container ul{
    background: transparent !important;
  }

  /* Mobile dropdown items */
  .ms-el-lg .elementor-nav-menu__container .elementor-item{
    margin: 8px 10px !important;
    padding: 12px 14px !important;
    border-radius: 15px !important;

    font-size: 15px !important;
    font-weight: 600 !important;
    letter-spacing: .35px !important;
    text-transform: none !important;

    color: rgba(255,255,255,.92) !important;
    background: rgba(255,255,255,.08) !important;
    border: 1px solid rgba(255,255,255,.10) !important;

    transition: transform 220ms ease, background 220ms ease, color 220ms ease;
  }

  /* Hover/focus (desktop emulation + some browsers) */
  .ms-el-lg .elementor-nav-menu__container .elementor-item:hover,
  .ms-el-lg .elementor-nav-menu__container .elementor-item:focus{
    background: rgba(255,255,255,.12) !important;
    color: var(--ms-c) !important;
    transform: translateY(-1px) !important;
  }

  /* Tap feel */
  .ms-el-lg .elementor-nav-menu__container .elementor-item:active{
    transform: scale(.98) !important;
    background: rgba(255,255,255,.14) !important;
    color: var(--ms-c) !important;
  }

  /* MOBILE SUBMENU: GLASS PANEL + COLOR CHANGE */
  .ms-el-lg .elementor-nav-menu__container .sub-menu{
    margin: 6px 10px 10px !important;
    padding: 8px !important;
    border-radius: 18px !important;

    background: rgba(18,18,18,.30) !important;
    border: 1px solid rgba(255,255,255,.12) !important;

    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);

    box-shadow: 0 16px 45px rgba(0,0,0,.35);
  }

  .ms-el-lg .elementor-nav-menu__container .sub-menu .elementor-item{
    margin: 6px 6px !important;
    padding: 12px 14px !important;
    border-radius: 14px !important;

    background: rgba(255,255,255,.07) !important;
    border: 1px solid rgba(255,255,255,.10) !important;

    color: rgba(255,255,255,.90) !important;
    font-size: 14.5px !important;
  }

  .ms-el-lg .elementor-nav-menu__container .sub-menu .elementor-item:hover,
  .ms-el-lg .elementor-nav-menu__container .sub-menu .elementor-item:focus{
    background: rgba(255,255,255,.12) !important;
    color: var(--ms-c) !important;
    transform: translateY(-1px) !important;
  }

  .ms-el-lg .elementor-nav-menu__container .sub-menu .elementor-item:active{
    transform: scale(.98) !important;
    background: rgba(255,255,255,.14) !important;
    color: var(--ms-c) !important;
  }
}

/* -------------------- LOGO GLASS (HOVER, NO COLOR CHANGE) -------------------- */
.ms-lg-logo{
  --ms-logo-radius: 22px;
  --ms-logo-bg: rgba(255,255,255,.06);
  --ms-logo-stroke: rgba(255,255,255,.14);
  --ms-logo-hi: rgba(255,255,255,.55);
  --ms-logo-filter: none;

  position: relative !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  overflow: visible !important;
  z-index: 5;
}

.ms-lg-logo .elementor-widget-container{
  position: relative !important;
  z-index: 3;
  overflow: visible !important;
}

.ms-lg-logo a,
.ms-lg-logo img,
.ms-lg-logo svg{
  position: relative;
  z-index: 3;
}

.ms-lg-logo .ms-lg-logo-pill{
  position:absolute;
  inset: -10px;
  z-index: 1;
  border-radius: var(--ms-logo-radius);
  overflow:hidden;
  pointer-events:none;

  opacity: 0;
  transform: scale(.98);

  transition:
    opacity 180ms ease,
    transform 420ms cubic-bezier(.175,.885,.32,1.35);

  box-shadow: 0 18px 60px rgba(0,0,0,.45);
}

.ms-lg-logo .ms-lg-logo-pill .ms-lg-filter{
  position:absolute;
  inset:0;
  z-index:0;
  filter: var(--ms-logo-filter);
  isolation:isolate;
}
.ms-lg-logo .ms-lg-logo-pill .ms-lg-overlay{
  position:absolute;
  inset:0;
  z-index:1;
  background: var(--ms-logo-bg);
}
.ms-lg-logo .ms-lg-logo-pill .ms-lg-specular{
  position:absolute;
  inset:0;
  z-index:2;
  border-radius: inherit;
  box-shadow:
    inset 1px 1px 0 var(--ms-logo-hi),
    inset 0 0 6px rgba(255,255,255,.30),
    inset 0 0 0 1px var(--ms-logo-stroke);
}

.ms-lg-logo:hover .ms-lg-logo-pill,
.ms-lg-logo:focus-within .ms-lg-logo-pill{
  opacity: 1;
  transform: scale(1);
}/* End custom CSS */