.elementor-19 .elementor-element.elementor-element-763ca66:not(.elementor-motion-effects-element-type-background), .elementor-19 .elementor-element.elementor-element-763ca66 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-19 .elementor-element.elementor-element-763ca66{box-shadow:0px 0px 30px 0px rgba(141.1, 139.98807065217392, 139.98807065217392, 0.19);transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-19 .elementor-element.elementor-element-763ca66 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-19 .elementor-element.elementor-element-5fead87 > .elementor-element-populated{padding:0px 0px 0px 0px;}/* Start custom CSS for html, class: .elementor-element-90f361d *//* =========================================================
   NADIRA — PREMIUM HEADER
   DARK + LIGHT MODE
========================================================= */

.nd-header {

  position: relative !important;

  z-index: 100000 !important;

  width: 100% !important;

  padding: 18px 24px !important;

  background: transparent !important;

  color: var(--nd-text) !important;

  font-family:
    "DM Sans",
    Arial,
    sans-serif !important;

  transition:
    padding .3s ease,
    color .3s ease !important;

}


/* =========================================================
   HEADER INNER
========================================================= */

.nd-header-inner {

  max-width: 1200px !important;

  height: 64px !important;

  margin: 0 auto !important;

  padding: 0 18px !important;

  display: flex !important;

  align-items: center !important;

  justify-content: space-between !important;

  border: 1px solid transparent !important;

  border-radius: 14px !important;

  transition:
    background .3s ease,
    border-color .3s ease,
    box-shadow .3s ease !important;

}


/* =========================================================
   SCROLLED HEADER
========================================================= */

.nd-header.scrolled {

  padding-top: 12px !important;

}


.nd-header.scrolled .nd-header-inner {

  background:
    rgba(12,16,19,.78) !important;

  border-color:
    rgba(255,255,255,.09) !important;

  box-shadow:
    0 15px 45px rgba(0,0,0,.25) !important;

  backdrop-filter:
    blur(18px) saturate(140%) !important;

  -webkit-backdrop-filter:
    blur(18px) saturate(140%) !important;

}


/* LIGHT MODE SCROLLED HEADER */

body.nd-light
.nd-header.scrolled
.nd-header-inner {

  background:
    rgba(255,255,255,.84) !important;

  border-color:
    rgba(20,30,25,.10) !important;

  box-shadow:
    0 15px 45px rgba(25,35,30,.10) !important;

}


/* =========================================================
   LOGO
========================================================= */

.nd-header-logo {

  display: inline-flex !important;

  align-items: center !important;

  gap: 10px !important;

  flex-shrink: 0 !important;

  color: var(--nd-text) !important;

  text-decoration: none !important;

}


.nd-logo-mark {

  width: 34px !important;

  height: 34px !important;

  display: flex !important;

  align-items: center !important;

  justify-content: center !important;

  border: 1px solid rgba(201,255,87,.25) !important;

  border-radius: 8px !important;

  background:
    linear-gradient(
      135deg,
      rgba(201,255,87,.13),
      rgba(201,255,87,.03)
    ) !important;

  color: var(--nd-accent) !important;

  font-family:
    "Space Grotesk",
    Arial,
    sans-serif !important;

  font-size: 15px !important;

  font-weight: 700 !important;

  line-height: 1 !important;

  transition:
    background .25s ease,
    border-color .25s ease,
    transform .25s ease !important;

}


.nd-logo-name {

  color: var(--nd-text) !important;

  font-family:
    "Space Grotesk",
    Arial,
    sans-serif !important;

  font-size: 18px !important;

  font-weight: 600 !important;

  line-height: 1 !important;

  letter-spacing: -.7px !important;

}


.nd-logo-name span {

  color: var(--nd-accent) !important;

}


/* LOGO HOVER */

.nd-header-logo:hover .nd-logo-mark {

  border-color: var(--nd-accent) !important;

  background:
    rgba(201,255,87,.10) !important;

  transform:
    translateY(-2px) !important;

}


.nd-header-logo:hover .nd-logo-name {

  color: var(--nd-text-strong) !important;

}


/* =========================================================
   DESKTOP NAV
========================================================= */

.nd-header-nav {

  display: flex !important;

  align-items: center !important;

  gap: 4px !important;

  margin-left: auto !important;

  margin-right: 25px !important;

}


.nd-header-nav a {

  position: relative !important;

  display: flex !important;

  align-items: center !important;

  padding: 9px 11px !important;

  color: var(--nd-text-soft) !important;

  font-family:
    "DM Sans",
    Arial,
    sans-serif !important;

  font-size: 14px !important;

  font-weight: 500 !important;

  line-height: 1 !important;

  text-decoration: none !important;

  transition:
    color .2s ease !important;

}


.nd-header-nav a::after {

  content: "" !important;

  position: absolute !important;

  left: 11px !important;

  right: 11px !important;

  bottom: 2px !important;

  height: 1px !important;

  background: var(--nd-accent) !important;

  transform: scaleX(0) !important;

  transform-origin: center !important;

  transition:
    transform .25s ease !important;

}


.nd-header-nav a:hover {

  color: var(--nd-text) !important;

}


.nd-header-nav a:hover::after {

  transform: scaleX(1) !important;

}


/* =========================================================
   RIGHT SIDE
========================================================= */

.nd-header-right {

  display: flex !important;

  align-items: center !important;

  gap: 10px !important;

  flex-shrink: 0 !important;

}


/* =========================================================
   THEME TOGGLE
========================================================= */

.nd-theme-toggle {

  position: relative !important;

  width: 40px !important;

  height: 40px !important;

  min-width: 40px !important;

  display: flex !important;

  align-items: center !important;

  justify-content: center !important;

  padding: 0 !important;

  margin: 0 !important;

  border: 1px solid var(--nd-border-soft) !important;

  border-radius: 50% !important;

  background: var(--nd-surface) !important;

  color: var(--nd-text) !important;

  cursor: pointer !important;

  outline: none !important;

  box-shadow: none !important;

  -webkit-appearance: none !important;

  appearance: none !important;

  transition:
    background .3s ease,
    border-color .3s ease,
    color .3s ease,
    transform .25s ease,
    box-shadow .25s ease !important;

}


.nd-theme-toggle:hover {

  border-color: var(--nd-accent) !important;

  color: var(--nd-accent) !important;

  transform: translateY(-2px) !important;

  box-shadow:
    0 8px 25px rgba(0,0,0,.12) !important;

}


.nd-theme-toggle:focus {

  outline: none !important;

}


.nd-theme-toggle:focus-visible {

  border-color: var(--nd-accent) !important;

  box-shadow:
    0 0 0 3px rgba(201,255,87,.12) !important;

}


/* =========================================================
   THEME ICONS
========================================================= */

.nd-theme-icon {

  position: absolute !important;

  top: 50% !important;

  left: 50% !important;

  display: flex !important;

  align-items: center !important;

  justify-content: center !important;

  width: 100% !important;

  height: 100% !important;

  color: inherit !important;

  font-family: Arial, sans-serif !important;

  font-size: 16px !important;

  line-height: 1 !important;

  pointer-events: none !important;

  transform-origin: center !important;

  transition:
    opacity .3s ease,
    transform .35s ease !important;

}


/* DARK MODE */

.nd-sun {

  opacity: 1 !important;

  transform:
    translate(-50%,-50%)
    rotate(0deg)
    scale(1) !important;

}


.nd-moon {

  opacity: 0 !important;

  transform:
    translate(-50%,-50%)
    rotate(-45deg)
    scale(.5) !important;

}


/* LIGHT MODE */

body.nd-light .nd-sun {

  opacity: 0 !important;

  transform:
    translate(-50%,-50%)
    rotate(45deg)
    scale(.5) !important;

}


body.nd-light .nd-moon {

  opacity: 1 !important;

  transform:
    translate(-50%,-50%)
    rotate(0deg)
    scale(1) !important;

}


/* =========================================================
   LIGHT MODE TOGGLE
========================================================= */

body.nd-light .nd-theme-toggle {

  background: var(--nd-surface) !important;

  border-color: var(--nd-border) !important;

  color: var(--nd-text) !important;

}


body.nd-light .nd-theme-toggle:hover {

  border-color: var(--nd-accent) !important;

  color: var(--nd-accent) !important;

  box-shadow:
    0 8px 25px rgba(30,45,30,.08) !important;

}


/* =========================================================
   CTA
========================================================= */

.nd-header-cta {

  display: flex !important;

  align-items: center !important;

  gap: 8px !important;

  padding: 10px 14px !important;

  border: 1px solid rgba(201,255,87,.22) !important;

  border-radius: 7px !important;

  background:
    rgba(201,255,87,.06) !important;

  color: var(--nd-text-soft) !important;

  font-family:
    "DM Sans",
    Arial,
    sans-serif !important;

  font-size: 13px !important;

  font-weight: 600 !important;

  text-decoration: none !important;

  transition:
    background .25s ease,
    border-color .25s ease,
    color .25s ease,
    transform .25s ease !important;

}


.nd-header-cta span {

  color: var(--nd-accent) !important;

  font-size: 15px !important;

  line-height: 1 !important;

}


.nd-header-cta:hover {

  transform:
    translateY(-2px) !important;

  border-color:
    var(--nd-accent) !important;

  background:
    rgba(201,255,87,.11) !important;

  color:
    var(--nd-accent) !important;

}


/* LIGHT MODE CTA */

body.nd-light .nd-header-cta {

  border-color:
    rgba(120,165,29,.28) !important;

  background:
    rgba(120,165,29,.07) !important;

  color:
    var(--nd-text-strong) !important;

}


body.nd-light .nd-header-cta:hover {

  background:
    rgba(120,165,29,.12) !important;

}


/* =========================================================
   MOBILE MENU BUTTON
========================================================= */

.nd-header-menu {

  display: none !important;

  width: 40px !important;

  height: 40px !important;

  padding: 0 !important;

  margin: 0 !important;

  border:
    1px solid var(--nd-border-soft) !important;

  border-radius: 8px !important;

  background:
    var(--nd-surface) !important;

  cursor: pointer !important;

  outline: none !important;

}


.nd-header-menu span {

  display: block !important;

  width: 17px !important;

  height: 1px !important;

  margin: 5px auto !important;

  background:
    var(--nd-text) !important;

  transition:
    transform .25s ease,
    opacity .25s ease !important;

}


/* =========================================================
   MOBILE NAV
========================================================= */

.nd-mobile-nav {

  position: fixed !important;

  top: 0 !important;

  left: 0 !important;

  width: 100% !important;

  height: 100vh !important;

  height: 100dvh !important;

  padding:
    110px 25px 35px !important;

  background:
    rgba(8,11,13,.97) !important;

  backdrop-filter:
    blur(20px) !important;

  -webkit-backdrop-filter:
    blur(20px) !important;

  opacity: 0 !important;

  visibility: hidden !important;

  pointer-events: none !important;

  transform:
    translateY(-15px) !important;

  transition:
    opacity .3s ease,
    transform .3s ease,
    visibility .3s ease,
    background .3s ease !important;

}


body.nd-light .nd-mobile-nav {

  background:
    rgba(247,248,245,.97) !important;

}


/* =========================================================
   MOBILE NAV INNER
========================================================= */

.nd-mobile-nav-inner {

  max-width: 500px !important;

  margin: 0 auto !important;

  display: flex !important;

  flex-direction: column !important;

}


/* =========================================================
   MOBILE LINKS
========================================================= */

.nd-mobile-nav a {

  display: flex !important;

  align-items: center !important;

  gap: 18px !important;

  padding:
    17px 0 !important;

  border-bottom:
    1px solid var(--nd-border) !important;

  color:
    var(--nd-text) !important;

  font-family:
    "Space Grotesk",
    Arial,
    sans-serif !important;

  font-size: 28px !important;

  font-weight: 500 !important;

  line-height: 1.2 !important;

  text-decoration: none !important;

  transition:
    color .2s ease !important;

}


.nd-mobile-nav a span {

  width: 28px !important;

  color:
    var(--nd-text-muted) !important;

  font-family:
    "DM Sans",
    Arial,
    sans-serif !important;

  font-size: 9px !important;

  letter-spacing: 1px !important;

}


.nd-mobile-nav a:hover {

  color:
    var(--nd-accent) !important;

}


/* =========================================================
   MENU OPEN
========================================================= */

.nd-header.menu-open .nd-mobile-nav {

  opacity: 1 !important;

  visibility: visible !important;

  pointer-events: auto !important;

  transform:
    translateY(0) !important;

}


.nd-header.menu-open .nd-header-menu {

  position: relative !important;

  z-index: 100002 !important;

  border-color:
    var(--nd-border-soft) !important;

}


.nd-header.menu-open
.nd-header-menu span:first-child {

  transform:
    translateY(3px)
    rotate(45deg) !important;

}


.nd-header.menu-open
.nd-header-menu span:last-child {

  transform:
    translateY(-3px)
    rotate(-45deg) !important;

}


/* =========================================================
   PAGE LOCK
========================================================= */

body.nd-menu-active {

  overflow: hidden !important;

}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1000px) {

  .nd-header-nav {

    gap: 0 !important;

    margin-right: 15px !important;

  }


  .nd-header-nav a {

    padding:
      9px 7px !important;

    font-size: 11px !important;

  }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 800px) {

  .nd-header {

    padding:
      12px 16px !important;

  }


  .nd-header-inner {

    height: 58px !important;

    padding:
      0 12px 0 16px !important;

    border-radius: 12px !important;

  }


  .nd-header.scrolled {

    padding-top: 10px !important;

  }


  .nd-header-nav {

    display: none !important;

  }


  .nd-header-cta {

    display: none !important;

  }


  .nd-header-menu {

    display: block !important;

    position: relative !important;

    z-index: 100001 !important;

  }


  .nd-header-right {

    gap: 8px !important;

  }


  .nd-theme-toggle {

    width: 38px !important;

    height: 38px !important;

    min-width: 38px !important;

  }


  .nd-theme-icon {

    font-size: 15px !important;

  }


  .nd-logo-mark {

    width: 32px !important;

    height: 32px !important;

    font-size: 14px !important;

  }


  .nd-logo-name {

    font-size: 17px !important;

  }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 420px) {

  .nd-header {

    padding:
      10px 12px !important;

  }


  .nd-header-inner {

    height: 56px !important;

    padding:
      0 10px 0 14px !important;

  }


  .nd-header-right {

    gap: 6px !important;

  }


  .nd-theme-toggle {

    width: 36px !important;

    height: 36px !important;

    min-width: 36px !important;

  }


  .nd-header-menu {

    width: 36px !important;

    height: 36px !important;

  }


  .nd-theme-icon {

    font-size: 14px !important;

  }


  .nd-mobile-nav {

    padding:
      95px 22px 30px !important;

  }


  .nd-mobile-nav a {

    font-size: 24px !important;

    padding:
      15px 0 !important;

  }

}/* End custom CSS */