.elementor-20 .elementor-element.elementor-element-5d27b64{--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:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for html, class: .elementor-element-133ffb9 *//* =========================
   DR. DANIEL JACK PREMIUM HEADER
   Separate Header Only
   Fully Responsive
   ========================= */

.djx-header-wrap,
.djx-header-wrap *{
  box-sizing:border-box;
}

.djx-header-wrap{
  --djx-blue:#0c2d6b;
  --djx-blue-dark:#081f4b;
  --djx-red:#c51632;
  --djx-red-dark:#a80f29;
  --djx-white:#ffffff;
  --djx-text:#14233d;
  --djx-muted:#64748b;
  --djx-border:rgba(12,45,107,.10);
  --djx-shadow:0 18px 45px rgba(12,45,107,.10);
  --djx-shadow-soft:0 10px 28px rgba(12,45,107,.07);
  --djx-bg:#ffffff;
  font-family:Arial, Helvetica, sans-serif;
  position:relative;
  z-index:999;
}

.djx-header-wrap a{
  text-decoration:none;
}

.djx-container{
  width:100%;
  max-width:1280px;
  margin:0 auto;
  padding:0 22px;
}

.djx-header{
  position:relative;
  background:rgba(255,255,255,.96);
  backdrop-filter:blur(12px);
  border-bottom:1px solid rgba(12,45,107,.07);
  box-shadow:0 8px 30px rgba(12,45,107,.04);
}

.djx-header:before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:4px;
  background:linear-gradient(90deg,var(--djx-blue) 0%, #ffffff 48%, var(--djx-red) 100%);
}

.djx-header-inner{
  min-height:92px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
  position:relative;
}

/* Brand */
.djx-brand{
  display:flex;
  align-items:center;
  gap:14px;
  min-width:0;
  flex-shrink:0;
}

.djx-brand-img{
  width:60px;
  height:60px;
  border-radius:50%;
  overflow:hidden;
  display:block;
  border:2px solid rgba(12,45,107,.10);
  box-shadow:0 10px 24px rgba(12,45,107,.12);
  background:#fff;
  flex-shrink:0;
}

.djx-brand-img img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.djx-brand-text{
  display:flex;
  flex-direction:column;
  min-width:0;
}

.djx-brand-title{
  font-size:20px;
  line-height:1.05;
  font-weight:800;
  color:var(--djx-blue);
  letter-spacing:.2px;
}

.djx-brand-sub{
  margin-top:5px;
  font-size:11px;
  line-height:1.2;
  font-weight:700;
  letter-spacing:1.6px;
  text-transform:uppercase;
  color:var(--djx-muted);
  white-space:nowrap;
}

/* Desktop Nav Area */
.djx-nav-area{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:28px;
  flex:1;
  min-width:0;
}

.djx-nav{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:24px;
  flex-wrap:nowrap;
}

.djx-nav a{
  position:relative;
  color:var(--djx-text);
  font-size:15px;
  line-height:1;
  font-weight:700;
  padding:10px 0;
  transition:color .3s ease, transform .3s ease;
  white-space:nowrap;
}

.djx-nav a:after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:0;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--djx-blue),var(--djx-red));
  transition:width .35s ease;
}

.djx-nav a:hover{
  color:var(--djx-blue);
  transform:translateY(-1px);
}

.djx-nav a:hover:after{
  width:100%;
}

/* Button */
.djx-btn{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:180px;
  padding:15px 26px;
  border-radius:999px;
  font-size:15px;
  line-height:1;
  font-weight:800;
  transition:all .35s ease;
  overflow:hidden;
}

.djx-btn:before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(120deg,rgba(255,255,255,0) 20%,rgba(255,255,255,.24) 50%,rgba(255,255,255,0) 80%);
  transform:translateX(-125%);
  transition:transform .8s ease;
}

.djx-btn:hover:before{
  transform:translateX(125%);
}

.djx-btn-primary{
  color:#fff;
  background:linear-gradient(135deg,var(--djx-red) 0%, #e11d3f 100%);
  box-shadow:0 16px 36px rgba(197,22,50,.24);
}

.djx-btn-primary:hover{
  transform:translateY(-3px);
  box-shadow:0 20px 42px rgba(197,22,50,.30);
}

/* Mobile Button */
.djx-menu-toggle{
  display:none;
}

.djx-menu-btn{
  display:none;
  width:50px;
  height:50px;
  border-radius:14px;
  border:1px solid rgba(12,45,107,.10);
  background:#fff;
  box-shadow:var(--djx-shadow-soft);
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:5px;
  cursor:pointer;
  transition:all .3s ease;
}

.djx-menu-btn span{
  display:block;
  width:20px;
  height:2px;
  border-radius:999px;
  background:var(--djx-blue);
  transition:all .3s ease;
}

.djx-menu-btn:hover{
  transform:translateY(-2px);
}

/* Large tablet */
@media (max-width:1180px){
  .djx-header-inner{
    gap:20px;
  }

  .djx-nav-area{
    gap:20px;
  }

  .djx-nav{
    gap:18px;
  }

  .djx-nav a{
    font-size:14px;
  }

  .djx-btn{
    min-width:160px;
    padding:14px 22px;
    font-size:14px;
  }
}

/* Tablet/Mobile menu */
@media (max-width:991px){
  .djx-container{
    padding:0 18px;
  }

  .djx-header-inner{
    min-height:84px;
    gap:16px;
  }

  .djx-brand{
    max-width:calc(100% - 70px);
  }

  .djx-brand-img{
    width:54px;
    height:54px;
  }

  .djx-brand-title{
    font-size:18px;
  }

  .djx-brand-sub{
    font-size:10px;
    letter-spacing:1.3px;
  }

  .djx-menu-btn{
    display:flex;
    margin-left:auto;
    flex-shrink:0;
  }

  .djx-nav-area{
    position:absolute;
    top:100%;
    left:0;
    width:100%;
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:18px;
    background:rgba(255,255,255,.99);
    backdrop-filter:blur(14px);
    border-top:1px solid rgba(12,45,107,.06);
    border-bottom:1px solid rgba(12,45,107,.08);
    box-shadow:0 20px 40px rgba(12,45,107,.08);
    padding:0 18px;
    max-height:0;
    opacity:0;
    overflow:hidden;
    pointer-events:none;
    transition:max-height .45s ease, opacity .3s ease, padding .35s ease;
  }

  .djx-nav{
    width:100%;
    flex-direction:column;
    align-items:stretch;
    gap:6px;
    padding-top:0;
  }

  .djx-nav a{
    display:block;
    width:100%;
    padding:14px 4px;
    font-size:16px;
    border-bottom:1px solid rgba(12,45,107,.06);
  }

  .djx-nav a:last-child{
    border-bottom:none;
  }

  .djx-nav a:after{
    display:none;
  }

  .djx-actions{
    width:100%;
    padding-bottom:20px;
  }

  .djx-btn{
    width:100%;
    min-width:0;
  }

  .djx-menu-toggle:checked ~ .djx-nav-area{
    max-height:520px;
    opacity:1;
    padding:16px 18px 0;
    pointer-events:auto;
  }

  .djx-menu-toggle:checked + .djx-menu-btn span:nth-child(1){
    transform:translateY(7px) rotate(45deg);
  }

  .djx-menu-toggle:checked + .djx-menu-btn span:nth-child(2){
    opacity:0;
  }

  .djx-menu-toggle:checked + .djx-menu-btn span:nth-child(3){
    transform:translateY(-7px) rotate(-45deg);
  }
}

/* Small mobile */
@media (max-width:575px){
  .djx-container{
    padding:0 14px;
  }

  .djx-header-inner{
    min-height:78px;
  }

  .djx-brand{
    gap:10px;
    max-width:calc(100% - 62px);
  }

  .djx-brand-img{
    width:48px;
    height:48px;
  }

  .djx-brand-title{
    font-size:16px;
  }

  .djx-brand-sub{
    font-size:9px;
    letter-spacing:1.1px;
    white-space:normal;
  }

  .djx-menu-btn{
    width:44px;
    height:44px;
    border-radius:12px;
  }

  .djx-nav-area{
    padding-left:14px;
    padding-right:14px;
  }

  .djx-menu-toggle:checked ~ .djx-nav-area{
    padding:14px 14px 0;
  }

  .djx-nav a{
    font-size:15px;
    padding:13px 2px;
  }

  .djx-btn{
    padding:14px 20px;
    font-size:14px;
  }
}/* End custom CSS */