.elementor-113 .elementor-element.elementor-element-aea26da{--display:flex;--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-around;--align-items:center;border-style:none;--border-style:none;--border-radius:20px 20px 20px 20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--z-index:99;}.elementor-113 .elementor-element.elementor-element-aea26da.e-con{--align-self:flex-start;}.elementor-widget-theme-site-logo .widget-image-caption{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-113 .elementor-element.elementor-element-8c7d5df.elementor-element{--align-self:center;}.elementor-113 .elementor-element.elementor-element-8c7d5df img{width:85%;}.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--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-113 .elementor-element.elementor-element-b0d3066 .elementor-menu-toggle{margin:0 auto;}.elementor-113 .elementor-element.elementor-element-b0d3066 .elementor-nav-menu--main .elementor-item{padding-top:5px;padding-bottom:5px;}.elementor-widget-button .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-113 .elementor-element.elementor-element-16c7822 .elementor-button{background-color:var( --e-global-color-c336ff1 );font-family:"Discovery", Sans-serif;font-size:1.1vw;font-weight:700;line-height:0.7em;fill:var( --e-global-color-9aa2d69 );color:var( --e-global-color-9aa2d69 );box-shadow:0px 6px 20px 0px rgba(217, 0, 0, 0.3);border-radius:100px 100px 100px 100px;}.elementor-113 .elementor-element.elementor-element-401777e{--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:1024px) and (min-width:768px){.elementor-113 .elementor-element.elementor-element-aea26da{--width:95%;}}@media(max-width:1024px){.elementor-113 .elementor-element.elementor-element-aea26da{--justify-content:space-between;}.elementor-113 .elementor-element.elementor-element-8c7d5df.elementor-element{--align-self:center;}.elementor-113 .elementor-element.elementor-element-8c7d5df{text-align:center;}.elementor-113 .elementor-element.elementor-element-b0d3066.elementor-element{--order:-99999 /* order start hack */;}.elementor-113 .elementor-element.elementor-element-16c7822.elementor-element{--order:99999 /* order end hack */;}}@media(max-width:767px){.elementor-113 .elementor-element.elementor-element-aea26da{--justify-content:space-between;--gap:3vw 3vw;--row-gap:3vw;--column-gap:3vw;--flex-wrap:nowrap;}.elementor-113 .elementor-element.elementor-element-8c7d5df{width:auto;max-width:auto;}.elementor-113 .elementor-element.elementor-element-8c7d5df img{width:100%;}.elementor-113 .elementor-element.elementor-element-b0d3066.elementor-element{--order:-99999 /* order start hack */;}.elementor-113 .elementor-element.elementor-element-b0d3066{--nav-menu-icon-size:20px;}.elementor-113 .elementor-element.elementor-element-b0d3066 .elementor-menu-toggle{border-width:1px;}}/* Start custom CSS for container, class: .elementor-element-aea26da */:root {
  --dj-red: #d90000;
  --dj-red-hover: #c40000;
  --dj-ink: #17212b;
  --dj-glass: rgba(255, 255, 255, .72);
  --dj-soft-red: rgba(217, 0, 0, .08);
  --dj-red-border: rgba(217, 0, 0, .18);
  --dj-shadow: 0 18px 50px rgba(0, 0, 0, .08);
}

/* Allow header dropdowns to escape container clipping */
.elementor-location-header,
.elementor-location-header .e-con,
.elementor-location-header .e-con-inner,
#hdr,
#hdr .elementor-widget-nav-menu,
#hdr .elementor-widget-nav-menu .elementor-widget-container {
  overflow: visible !important;
}

/* ==============================================
   Header container
   ============================================== */
#hdr {
  position: sticky !important;
  top: 18px !important;
  z-index: 9999 !important;
  width: min(1180px, calc(100% - 32px)) !important;
  margin: 18px auto 0 !important;
  border-radius: 999px !important;
  background: var(--dj-glass) !important;
  border: 1px solid rgba(217, 0, 0, .22) !important;
  box-shadow: var(--dj-shadow) !important;
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

#hdr > .e-con-inner {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 18px !important;
  min-height: 74px !important;
  padding: 0 22px !important;
}

#hdr .elementor-widget-theme-site-logo img {
  display: block !important;
  max-width: 150px !important;
  height: auto !important;
}

#hdr .elementor-widget-nav-menu {
  position: relative !important;
}

#hdr .elementor-nav-menu--main .elementor-item {
  color: var(--dj-ink) !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  padding: 10px 8px !important;
  transition: color .25s ease !important;
}

#hdr .elementor-nav-menu--main .elementor-item:hover {
  color: var(--dj-red) !important;
}

/* ==============================================
   Header quick links
   ============================================== */
#hdr .quick-links {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  flex-wrap: nowrap !important;
}

#hdr .quick-link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 5px !important;
  height: 34px !important;
  padding: 0 12px !important;
  border-radius: 999px !important;
  background: var(--dj-soft-red) !important;
  border: 1px solid var(--dj-red-border) !important;
  color: var(--dj-ink) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  transition: all .25s ease !important;
}

#hdr .quick-link:hover {
  background: var(--dj-red) !important;
  color: #fff !important;
  transform: translateY(-1px);
}

#hdr .quick-link:hover .cn,
#hdr .quick-link:hover .he,
#hdr .quick-link:hover .divider {
  color: #fff !important;
  opacity: 1 !important;
}

#hdr .cn        { font-size: 11px !important; opacity: .75 !important; }
#hdr .he        { font-size: 12px !important; font-weight: 900 !important; }
#hdr .divider   { opacity: .35 !important; }

/* ==============================================
   Elementor dropdown (desktop hover)
   ============================================== */
#hdr .elementor-menu-toggle {
  padding: 9px !important;
  border-radius: 999px !important;
  background: var(--dj-soft-red) !important;
  border: 1px solid rgba(217, 0, 0, .2) !important;
  color: var(--dj-ink) !important;
  z-index: 2147483001 !important;
}

#hdr .elementor-nav-menu--dropdown {
  overflow: hidden !important;
  background: rgba(255, 255, 255, .98) !important;
  border: 1px solid rgba(217, 0, 0, .16) !important;
  border-radius: 18px !important;
  box-shadow: 0 18px 45px rgba(0, 0, 0, .12) !important;
  z-index: 99999 !important;
}

#hdr .elementor-nav-menu--dropdown ul {
  margin: 0 !important;
  padding: 8px 0 !important;
}

#hdr .elementor-nav-menu--dropdown .elementor-item {
  justify-content: flex-start !important;
  padding: 14px 18px !important;
  color: var(--dj-ink) !important;
  font-weight: 800 !important;
  text-align: right !important;
}

#hdr .elementor-nav-menu--dropdown .elementor-item:hover {
  background: rgba(217, 0, 0, .07) !important;
  color: var(--dj-red) !important;
}

/* ==============================================
   Tablet & Mobile (max-width: 1024px)
   ============================================== */
@media (max-width: 1024px) {
  #hdr {
    top: 12px !important;
    width: calc(100% - 24px) !important;
    margin-top: 12px !important;
    border-radius: 28px !important;
  }

  #hdr > .e-con-inner {
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 10px !important;
    min-height: 68px !important;
    padding: 10px 14px !important;
  }

  #hdr > .e-con-inner > .elementor-widget-theme-site-logo { order: 1 !important; }

  #hdr > .e-con-inner > .elementor-widget-nav-menu {
    order: 2 !important;
    position: static !important;
    margin-right: auto !important;
  }

  #hdr > .e-con-inner > .elementor-widget-html:has(.quick-links) {
    order: 99 !important;
    flex: 0 0 100% !important;
    width: 100% !important;
    margin-top: 8px !important;
  }

  #hdr .elementor-widget-theme-site-logo img { max-width: 115px !important; }

  #hdr .quick-links { width: 100% !important; gap: 6px !important; }

  #hdr .quick-link {
    flex: 1 1 0 !important;
    height: 32px !important;
    padding: 0 6px !important;
    font-size: 10px !important;
  }

  #hdr .cn { font-size: 9px !important; }
  #hdr .he { font-size: 10px !important; }

  /* ----- Fullscreen mobile menu ----- */
  html.nl-mobile-menu-open,
  body.nl-mobile-menu-open {
    height: 100% !important;
    overflow: hidden !important;
  }

  body > .nl-mobile-fullscreen-menu {
    position: fixed !important;
    inset: 0 !important;
    z-index: 2147483000 !important;
    width: 100vw !important;
    max-width: 100vw !important;
    min-width: 100vw !important;
    height: 100vh !important;
    height: 100dvh !important;
    min-height: 100vh !important;
    min-height: 100dvh !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background:
      radial-gradient(circle at 18% 18%, rgba(217, 0, 0, .18), transparent 34%),
      radial-gradient(circle at 82% 82%, rgba(217, 0, 0, .10), transparent 30%),
      rgba(255, 255, 255, .96) !important;
    backdrop-filter: blur(24px) !important;
    -webkit-backdrop-filter: blur(24px) !important;
    box-shadow: none !important;
    overflow: hidden auto !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transform: scale(.96) translateY(-14px) !important;
    pointer-events: none !important;
    transition:
      opacity .45s ease,
      visibility .45s ease,
      transform .55s cubic-bezier(.16, 1, .3, 1) !important;
  }

  body.nl-mobile-menu-open > .nl-mobile-fullscreen-menu {
    opacity: 1 !important;
    visibility: visible !important;
    transform: scale(1) translateY(0) !important;
    pointer-events: auto !important;
  }

  /* Logo at the top of mobile menu */
  body.nl-mobile-menu-open > .nl-mobile-fullscreen-menu::before {
    content: "";
    position: fixed !important;
    top: 34px !important;
    left: 50% !important;
    width: 150px !important;
    height: 70px !important;
    background: url("https://django.co.il/wp-content/uploads/2026/06/images-Edited.png") center / contain no-repeat;
    z-index: 2147483002 !important;
    pointer-events: none !important;
    animation: nlLogoIn .55s cubic-bezier(.16, 1, .3, 1) .12s forwards;
  }

  body > .nl-mobile-fullscreen-menu ul {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 12px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 132px 24px 18px !important;
  }

  body > .nl-mobile-fullscreen-menu li {
    opacity: 0;
    transform: translateY(28px) scale(.98);
    transition:
      opacity .5s ease,
      transform .6s cubic-bezier(.16, 1, .3, 1);
  }

  body.nl-mobile-menu-open > .nl-mobile-fullscreen-menu li {
    opacity: 1;
    transform: translateY(0) scale(1);
  }

  body > .nl-mobile-fullscreen-menu .elementor-item {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 58px !important;
    padding: 0 22px !important;
    border-radius: 18px !important;
    background: rgba(255, 255, 255, .68) !important;
    border: 1px solid rgba(217, 0, 0, .14) !important;
    color: var(--dj-ink) !important;
    font-size: 22px !important;
    font-weight: 900 !important;
    text-align: center !important;
    box-shadow: 0 12px 28px rgba(0, 0, 0, .08) !important;
    transition: all .25s ease !important;
  }

  body > .nl-mobile-fullscreen-menu .elementor-item:hover {
    background: var(--dj-red) !important;
    color: #fff !important;
    transform: translateY(-2px);
  }

  /* ----- Mobile action buttons (call / whatsapp) ----- */
  body > .nl-mobile-fullscreen-menu .nl-mobile-actions {
    position: relative !important;
    z-index: 2147483003 !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    width: min(620px, calc(100% - 48px)) !important;
    margin: 4px auto 34px !important;
  }

  body > .nl-mobile-fullscreen-menu .nl-mobile-action {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    min-width: 0 !important;
    min-height: 54px !important;
    padding: 9px 16px !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, .76) !important;
    border: 1px solid rgba(217, 0, 0, .16) !important;
    color: var(--dj-ink) !important;
    text-decoration: none !important;
    box-shadow: 0 12px 28px rgba(0, 0, 0, .08) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    transition: all .25s ease !important;
  }

  body > .nl-mobile-fullscreen-menu .nl-mobile-action:hover {
    background: rgba(217, 0, 0, .08) !important;
    color: var(--dj-red) !important;
    transform: translateY(-2px);
  }

  body > .nl-mobile-fullscreen-menu .nl-mobile-action__he {
    flex: 0 0 auto !important;
    color: inherit !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    line-height: 1.1 !important;
    text-align: right !important;
    white-space: nowrap !important;
  }

  body > .nl-mobile-fullscreen-menu .nl-mobile-action--call {
    justify-content: center !important;
    background: var(--dj-red) !important;
    border-color: var(--dj-red) !important;
    color: #fff !important;
    box-shadow: 0 16px 34px rgba(217, 0, 0, .28) !important;
  }

  body > .nl-mobile-fullscreen-menu .nl-mobile-action--call:hover {
    background: var(--dj-red-hover) !important;
    color: #fff !important;
  }

  body > .nl-mobile-fullscreen-menu .nl-mobile-action--call .nl-mobile-action__he {
    font-size: 17px !important;
    text-align: center !important;
  }

  /* Toggle button on top of menu */
  #hdr .elementor-menu-toggle {
    position: relative !important;
    z-index: 2147483003 !important;
  }

  body.nl-mobile-menu-open #hdr .elementor-menu-toggle {
    background: var(--dj-red) !important;
    color: #fff !important;
  }

  /* ----- Close button ----- */
  body > .nl-mobile-fullscreen-menu .nl-menu-close {
    position: fixed !important;
    top: 28px !important;
    left: 22px !important;
    z-index: 2147483004 !important;
    width: 46px !important;
    height: 46px !important;
    border: 1px solid rgba(217, 0, 0, .18) !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, .78) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    box-shadow: 0 12px 28px rgba(0, 0, 0, .1) !important;
    cursor: pointer !important;
    transition: background .25s ease !important;
  }

  body > .nl-mobile-fullscreen-menu .nl-menu-close span {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    width: 20px !important;
    height: 2px !important;
    border-radius: 999px !important;
    background: var(--dj-red) !important;
    transform-origin: center !important;
    transition: background .25s ease !important;
  }

  body > .nl-mobile-fullscreen-menu .nl-menu-close span:first-child {
    transform: translate(-50%, -50%) rotate(45deg) !important;
  }

  body > .nl-mobile-fullscreen-menu .nl-menu-close span:last-child {
    transform: translate(-50%, -50%) rotate(-45deg) !important;
  }

  body > .nl-mobile-fullscreen-menu .nl-menu-close:hover {
    background: var(--dj-red) !important;
  }

  body > .nl-mobile-fullscreen-menu .nl-menu-close:hover span {
    background: #fff !important;
  }
}

/* ==============================================
   Small mobile (max-width: 480px)
   ============================================== */
@media (max-width: 480px) {
  #hdr {
    top: 9px !important;
    width: calc(100% - 18px) !important;
    margin-top: 9px !important;
    border-radius: 22px !important;
  }

  #hdr > .e-con-inner {
    padding: 9px 11px !important;
  }

  #hdr .quick-link {
    flex-direction: column !important;
    gap: 0 !important;
    height: 30px !important;
    line-height: 1.1 !important;
  }

  #hdr .divider { display: none !important; }

  body.nl-mobile-menu-open > .nl-mobile-fullscreen-menu::before {
    top: 28px !important;
    width: 130px !important;
    height: 60px !important;
  }

  body > .nl-mobile-fullscreen-menu ul {
    padding: 118px 18px 14px !important;
    gap: 10px !important;
  }

  body > .nl-mobile-fullscreen-menu .elementor-item {
    min-height: 52px !important;
    border-radius: 16px !important;
    font-size: 20px !important;
  }

  body > .nl-mobile-fullscreen-menu .nl-mobile-actions {
    width: calc(100% - 36px) !important;
    margin: 2px auto 28px !important;
  }

  body > .nl-mobile-fullscreen-menu .nl-mobile-action {
    gap: 6px !important;
    min-height: 50px !important;
    padding: 8px 10px !important;
  }

  body > .nl-mobile-fullscreen-menu .nl-mobile-action__he { font-size: 13px !important; }

  body > .nl-mobile-fullscreen-menu .nl-mobile-action--call .nl-mobile-action__he {
    font-size: 15px !important;
  }

  body > .nl-mobile-fullscreen-menu .nl-menu-close {
    top: 22px !important;
    left: 16px !important;
    width: 42px !important;
    height: 42px !important;
  }
}

/* ==============================================
   Animations
   ============================================== */
@keyframes nlLogoIn {
  from {
    opacity: 0;
    transform: translateX(-50%) translateY(-8px) scale(.94);
  }
  to {
    opacity: 1;
    transform: translateX(-50%) translateY(0) scale(1);
  }
}/* End custom CSS */