.elementor-426 .elementor-element.elementor-element-c86a570{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-426 .elementor-element.elementor-element-14b7623{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-426 .elementor-element.elementor-element-ddce348{--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-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:767px){.elementor-426 .elementor-element.elementor-element-14b7623{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}/* Start custom CSS for html, class: .elementor-element-820edb1 */.badsha-header{
  width:100%;
  padding:0;
  font-family:'Playfair Display', serif;

  background:
    repeating-radial-gradient(circle at 20% 20%,
      rgba(255,255,255,0.03) 0px,
      rgba(0,0,0,0.04) 1px,
      transparent 2px),
    repeating-linear-gradient(45deg,
      rgba(0,0,0,0.05) 0px,
      rgba(0,0,0,0.05) 1px,
      transparent 2px,
      transparent 4px),
    radial-gradient(circle at center,
      rgba(0,0,0,0) 40%,
      rgba(0,0,0,0.35) 100%),
    linear-gradient(#8b0000,#5a0000);
}

/* INNER WRAPPER – YAHI SE CONTROL HOGA */
.badsha-header-inner{
  max-width:1200px;
  margin:auto;
  padding:15px 40px;   /* 👈 MAIN CONTROL KNOB */
  display:flex;
  align-items:center;
  justify-content:space-between;
}

/* LOGO */
.logo{
  color:#e8c37d;
  font-size:26px;
  letter-spacing:2px;
  font-weight:700;
}

/* NAV */
.nav-links a{
  color:#f2e6c5;
  margin:0 18px;
  text-decoration:none;
  font-size:19px;
  position:relative;
}

/* underline hover */
.nav-links a::after{
  content:'';
  position:absolute;
  bottom:-6px;
  left:0;
  width:0;
  height:1px;
  background:#e8c37d;
  transition:.3s;
}
.nav-links a:hover::after{
  width:100%;
}

/* ICONS */
.header-icons i{
  font-size:22px;
  color:#e8c37d;
  margin-left:18px;
  cursor:pointer;
  transition:.3s;
  text-shadow:0 0 6px rgba(232,195,125,.4);
}
.header-icons i:hover{
  color:#fff2c0;
  transform:translateY(-2px);
  text-shadow:0 0 10px rgba(255,220,140,.8);
}

/* MOBILE */
@media(max-width:768px){
  .nav-links{
    display:none;
  }

  .logo{
    font-size:22px;
  }
}






/* MENU POSITION CONTROL */
.nav-links{
  padding-left: 450px;   /* 👈 yahan value badhaoge = menu right shift hoga */
  padding-right: 0px;  /* 👈 yahan value badhaoge = menu left shift hoga */
}





/* ===== MOBILE HEADER FIX ===== */
@media(max-width:768px){

  .badsha-header-inner{
    position: relative;
    justify-content: center;
  }

  /* LOGO CENTER */
  .logo{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    font-size: 22px;
  }

  /* ICON RIGHT */
  .header-icons{
    position: absolute;
    right: 15px;
  }

  /* HAMBURGER CREATE */
  .badsha-header-inner::before{
    content: "\2630";   /* hamburger icon */
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 26px;
    color: #e8c37d;
  }

}

/* ===== MOBILE SLIDE MENU ===== */
@media(max-width:768px){

  .nav-links{
    position: fixed;
    top: 0;
    left: -260px;   /* hidden by default */
    width: 240px;
    height: 100%;
    background: #6b0000;
    padding-top: 80px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    text-align: left;
    padding-left: 25px;
    transition: 0.3s ease;
    z-index: 9999;
  }

  .nav-links a{
    font-size: 18px;
    margin: 0;
  }

  /* menu open state */
  .nav-open{
    left: 0;
  }

}




/* MENU TEXT SLIDE ANIMATION */
@media(max-width:768px){

  /* default state – text hidden left */
  .nav-links a{
    opacity: 0;
    transform: translateX(-20px);
    transition: 0.3s ease;
  }

  /* jab sidebar open ho */
  .nav-open a{
    opacity: 1;
    transform: translateX(0);
  }

  /* thoda delay effect – ek ek karke aayega */
  .nav-open a:nth-child(1){ transition-delay: 0.10s; }
  .nav-open a:nth-child(2){ transition-delay: 0.18s; }
  .nav-open a:nth-child(3){ transition-delay: 0.26s; }
  .nav-open a:nth-child(4){ transition-delay: 0.34s; }

}


/* ===== PREMIUM SIDEBAR ANIMATION ===== */
@media(max-width:768px){

  /* DARK OVERLAY */
  body::after{
    content:'';
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.35);
    opacity:0;
    pointer-events:none;
    transition:0.3s ease;
    z-index:9998;
  }

  /* overlay show */
  .nav-open ~ body::after{
    opacity:1;
  }

  /* SIDEBAR SHADOW */
  .nav-links{
    box-shadow: 4px 0 25px rgba(0,0,0,0.4);
  }

  /* MENU TEXT PREMIUM ENTRY */
  .nav-links a{
    opacity:0;
    transform:translateX(-40px);
    transition:all .45s cubic-bezier(.22,1,.36,1);
    letter-spacing:0.5px;
  }

  /* OPEN STATE */
  .nav-open a{
    opacity:1;
    transform:translateX(0);
  }

  /* STAGGERED DELAY (premium effect) */
  .nav-open a:nth-child(1){ transition-delay:.12s; }
  .nav-open a:nth-child(2){ transition-delay:.20s; }
  .nav-open a:nth-child(3){ transition-delay:.28s; }
  .nav-open a:nth-child(4){ transition-delay:.36s; }

  /* HOVER EFFECT */
  .nav-links a:hover{
    padding-left:8px;
    color:#fff2c0;
  }

}





/* MOBILE HEADER HEIGHT FIX */
@media(max-width:768px){

  .badsha-header-inner{
    min-height: 80px;   /* 👈 yahan se height control hogi */
  }

}/* End custom CSS */