/* =====================================================
   HEADER & HERO ONLY – SAFE WITH OLD THEME
   ===================================================== */

.new-header-page{
  overflow-x:hidden;
}

/* TOP BAR */
.new-header-page .top-bar{
  background:#0b2e4f;
  font-size:14px;
  position:relative;
  z-index:3000;
}

.new-header-page .top-inner{
  max-width:1170px;
  margin:0 auto;
  padding:2px 30px;        /* 🔥 increase right padding */
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:22px;
  color:#fff;
  line-height:1;
}


/* HEADER OVER HERO */
.new-header-page .header-overlay{
  position:absolute;
  top:40px;
  left:0;
  width:100%;
  background:transparent;
  z-index:2000;
}

/* HEADER */
.new-header-page .header-inner{
  max-width:1170px;
  margin:0 auto;
  padding:0 15px;
  height:130px;          /* perfect for trimmed logo */
  display:flex;
  align-items:center;
  justify-content:space-between;
}

/* LOGO – CLEAN & SHARP */
.new-header-page .logo-icon{
  height:70px;          /* clear, premium size */
  width:300px;
  display:block;
  object-fit:contain;
}



/* NAV */
.new-header-page .nav a{
  color:#fff;
  margin-left:22px;
  font-weight:600;
  text-decoration:none;
}

.new-header-page .nav a.active{
  border-bottom:2px solid #fff;
  padding-bottom:4px;
}

/* HERO */
.new-header-page .hero{
  height:100vh;
  background:url('/images/hero/kashmir.webp') center/cover no-repeat;
  position:relative;

  display:flex;
  align-items:flex-start;
  justify-content:center;
  text-align:center;

  padding-top:250px;   /* 🔥 INCREASED SPACE FROM HEADER */
}


.new-header-page .hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(
    rgba(8,45,80,.6),
    rgba(0,0,0,.5)
  );
}

.new-header-page .hero-content{
  position:relative;
  max-width:900px;
  padding:20px;
}

.new-header-page .hero-content h1,
.new-header-page .hero-content p{
  color:#fff;
}

/* 3D EXPLORE BUTTON */
.new-header-page .btn-explore{
  display:inline-block;
  background:#f28c6a;                 /* top surface */
  color:#fff;
  padding:16px 48px;
  border-radius:40px;
  font-weight:700;
  letter-spacing:1px;
  text-decoration:none;

  /* TRUE 3D DEPTH */
  box-shadow:
    0 6px 0 #d56f4f,                  /* solid bottom edge */
    0 14px 30px rgba(242,140,106,.45);/* soft ambient shadow */

  transition:
    transform .2s ease,
    box-shadow .2s ease,
    background .2s ease;
}

/* HOVER – LIFT UP */
.new-header-page .btn-explore:hover{
  background:#ee7d58;
  transform:translateY(-2px);
  box-shadow:
    0 8px 0 #d56f4f,
    0 18px 36px rgba(242,140,106,.6);
}

/* ACTIVE – PRESS DOWN */
.new-header-page .btn-explore:active{
  transform:translateY(4px);
  box-shadow:
    0 2px 0 #d56f4f,
    0 6px 14px rgba(242,140,106,.35);
}


/* MOBILE */
@media(max-width:768px){
  .new-header-page .nav{display:none}
  .new-header-page .logo-icon{width:220px}
  .new-header-page .hero{padding-top:140px}
}

@media(min-width:1024px){
  .new-header-page .logo-wrap{
    margin-left:-15px;
  }
}
/* ================= PREMIUM NAV ================= */
.new-header-page .nav{
  display:flex;
  align-items:center;
}

/* Menu item */
.new-header-page .nav a{
  position:relative;
  color:#ffffff;
  margin-left:34px;
  font-weight:600;
  font-size:15px;
  letter-spacing:.3px;
  text-decoration:none;
  padding:6px 0;

  transition:
    color .25s ease,
    transform .25s ease;
}

/* Gold underline */
.new-header-page .nav a::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:-2px;
  width:0;
  height:2px;
  background:linear-gradient(
    90deg,
    #f2d07c,
    #ffd98e,
    #f2d07c
  );
  transform:translateX(-50%);
  transition:width .35s ease;
}

/* Hover effect */
.new-header-page .nav a:hover{
  color:#ffd98e;
  transform:translateY(-1px);
}

.new-header-page .nav a:hover::after{
  width:100%;
}

/* Active state */
.new-header-page .nav a.active{
  color:#ffd98e;
}

.new-header-page .nav a.active::after{
  width:100%;
}
/* ================= TYPOGRAPHY ================= */

/* Headings – Luxury serif */
h1, h2, h3, h4{
  font-family: 'Playfair Display', serif;
  letter-spacing:.5px;
}

/* Body, nav, buttons – Clean & readable */
body, p, a, span{
  font-family: 'Inter', sans-serif;
}

.new-header-page .nav{
  margin-right:30px;      /* 🔥 pushes menu left */
}

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

/* Hamburger */
.mobile-toggle{
  display:none;
  width:30px;
  height:22px;
  flex-direction:column;
  justify-content:space-between;
  cursor:pointer;
}

.mobile-toggle span{
  display:block;
  height:3px;
  background:#fff;
  border-radius:3px;
  transition:.3s ease;
}

/* Mobile nav container */
@media(max-width:991px){

  .mobile-toggle{
    display:flex;
  }

  .new-header-page .nav{
    position:fixed;
    top:0;
    right:-100%;
    width:260px;
    height:100vh;
    background:#0b2e4f;
    flex-direction:column;
    align-items:flex-start;
    padding:100px 30px;
    gap:24px;
    transition:.4s ease;
    z-index:2500;
  }

  .new-header-page .nav a{
    margin:0;
    font-size:18px;
    width:100%;
  }

  .new-header-page .nav.open{
    right:0;
  }

  /* Animate hamburger to X */
  .mobile-toggle.active span:nth-child(1){
    transform:rotate(45deg) translate(5px,6px);
  }

  .mobile-toggle.active span:nth-child(2){
    opacity:0;
  }

  .mobile-toggle.active span:nth-child(3){
    transform:rotate(-45deg) translate(5px,-6px);
  }
}
/* ================= MOBILE MENU ================= */

/* Hamburger */
.mobile-toggle{
  display:none;
  width:30px;
  height:22px;
  flex-direction:column;
  justify-content:space-between;
  cursor:pointer;
  z-index:3001;
}

.mobile-toggle span{
  display:block;
  height:3px;
  background:#fff;
  border-radius:3px;
  transition:.3s ease;
}

/* Mobile nav container */
@media(max-width:991px){

  .mobile-toggle{
    display:flex;
  }

  .new-header-page .nav{
    position:fixed;
    top:40px;                    /* below top-bar */
    right:-100%;
    width:260px;
    height:calc(100vh - 40px);
    background:#0b2e4f;

    display:flex;                /* 🔥 MISSING LINE (CRITICAL) */
    flex-direction:column;
    align-items:flex-start;

    padding:100px 30px 30px;
    gap:24px;

    transition:right .35s ease;
    z-index:2500;
  }

  .new-header-page .nav a{
    margin:0;
    font-size:18px;
    width:100%;
    color:#fff;
  }

  /* OPEN STATE */
  .new-header-page .nav.open{
    right:0;
  }

  /* Animate hamburger to X */
  .mobile-toggle.active span:nth-child(1){
    transform:rotate(45deg) translate(5px,6px);
  }

  .mobile-toggle.active span:nth-child(2){
    opacity:0;
  }

  .mobile-toggle.active span:nth-child(3){
    transform:rotate(-45deg) translate(5px,-6px);
  }
}





/* DARK OVERLAY BEHIND MOBILE MENU */
.menu-overlay{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.55);
  opacity:0;
  visibility:hidden;
  transition:.3s ease;
  z-index:2400;
}

/* Show overlay */
body.menu-open .menu-overlay{
  opacity:1;
  visibility:visible;
}

/* ================= MOBILE BOTTOM CTA ================= */
.mobile-bottom-cta{
  position:fixed;
  bottom:12px;
  left:12px;
  right:12px;
  display:grid;
  grid-template-columns:1fr 1fr; /* TWO buttons */
  gap:12px;
  padding:10px;
  background:#ffffff;
  border-radius:20px;
  box-shadow:0 18px 45px rgba(0,0,0,.35);
  z-index:99999;
}

/* COMMON BUTTON STYLES */
.mobile-bottom-cta a{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:14px 0;
  border-radius:14px;
  font-size:15px;
  font-weight:700;
  text-decoration:none;
  line-height:1;
  transition:transform .2s ease, box-shadow .2s ease;
}

/* CALL BUTTON */
.mobile-bottom-cta .cta-call{
  background:linear-gradient(135deg,#ffb347,#ff8c42);
  color:#fff;
  box-shadow:0 10px 20px rgba(255,140,66,.45);
}

.mobile-bottom-cta .cta-call::before{
  content:"📞";
  font-size:18px;
}

/* WHATSAPP BUTTON */
.mobile-bottom-cta .cta-whatsapp{
  background:linear-gradient(135deg,#25d366,#1ebe5d);
  color:#fff;
  box-shadow:0 10px 20px rgba(37,211,102,.45);
}

.mobile-bottom-cta .cta-whatsapp::before{
  content:"💬";
  font-size:18px;
}

/* TAP FEEDBACK */
.mobile-bottom-cta a:active{
  transform:scale(.97);
  box-shadow:0 6px 14px rgba(0,0,0,.25);
}

/* HIDE ON DESKTOP */
@media(min-width:768px){
  .mobile-bottom-cta{
    display:none;
  }
}
/* =====================================================
   MOBILE: REMOVE FLOATING SOCIAL ICONS (KEEP BOTTOM CTA)
   ===================================================== */
@media (max-width: 768px){

  /* Hide ALL fixed-position links by default */
  a{
    position: static;
  }

  a[style*="fixed"],
  a[href*="wa.me"],
  a[href*="whatsapp"],
  a[href*="facebook"],
  a[href*="instagram"],
  a[href^="tel:"]:not(.cta-call){
    display:none !important;
  }

  /* Force hide right-side floating icon stack */
  a img[src*="facebook"],
  a img[src*="instagram"],
  a img[src*="whatsapp"],
  a img[src*="phone"]{
    display:none !important;
  }

  /* ================= KEEP BOTTOM CTA ================= */
  .mobile-bottom-cta{
    display:flex !important;
    position:fixed !important;
    bottom:0;
    left:0;
    width:100%;
    background:#ffffff;
    padding:10px;
    gap:10px;
    z-index:9999;
    box-shadow:0 -6px 20px rgba(0,0,0,.15);
  }

  .mobile-bottom-cta a{
    display:flex !important;
    flex:1;
    align-items:center;
    justify-content:center;
    padding:14px 0;
    border-radius:12px;
    font-weight:700;
    font-size:15px;
    text-decoration:none;
  }

  .cta-call{
    background:#ff8a5c;
    color:#fff;
  }

  .cta-whatsapp{
    background:#25d366;
    color:#fff;
  }
}


/* ================= FINAL MOBILE CLEANUP ================= */
@media (max-width: 768px){

  /* Hide floating MAIL icon on side */
  body > a[href^="mailto:"]{
    display:none !important;
  }

  /* Extra safety: hide fixed mail icons */
  a[href^="mailto:"]{
    position:static;
  }

  /* KEEP footer + menu email text */
  footer a[href^="mailto:"],
  .footer a[href^="mailto:"],
  .nav a[href^="mailto:"]{
    display:inline-flex !important;
  }
}
/* =====================================================
   REMOVE FLOATING SIDE ICONS (MOBILE ONLY)
   ===================================================== */
@media (max-width: 768px){

  /* Hide ALL fixed side icons */
  a, div {
    &[style*="position: fixed"],
    &.float,
    &.floating,
    &.social,
    &.social-icon,
    &.social-icons,
    &.email,
    &.mail,
    &.envelope {
      display:none !important;
    }
  }

  /* Hide any fixed icons stuck on right side */
  a[href*="mailto"],
  a[href*="email"],
  a[href*="gmail"]{
    display:none !important;
  }

  /* === KEEP bottom CTA bar === */
  .mobile-bottom-cta,
  .mobile-bottom-cta *,
  .cta-call,
  .cta-whatsapp{
    display:flex !important;
  }
}
/* ================= MOBILE LOGO SIZE ================= */
@media (max-width: 768px){

  .new-header-page .logo-icon{
    height: 50px;        /* 🔽 reduce height */
    max-width: 150px;   /* keeps logo readable */
  }

  .new-header-page .header-inner{
    height: 90px;       /* match header to logo */
  }
}
/* ================= STICKY HEADER ================= */
.new-header-page .header-overlay{
  position: fixed;      /* lock header */
  top: 40px;            /* stays below top-bar */
  left: 0;
  width: 100%;
  z-index: 4000;
  transition: background .3s ease, box-shadow .3s ease;
}

/* Add background + shadow after scroll */
.new-header-page.header-scrolled .header-overlay{
  background: rgba(11, 46, 79, 0.95);
  box-shadow: 0 8px 20px rgba(0,0,0,.25);
  backdrop-filter: blur(6px);
}

/* Push hero down so it doesn't hide behind header */
.new-header-page .hero{
  padding-top: 220px;
}

/* Mobile adjustment */
@media (max-width: 768px){
  .new-header-page .header-overlay{
    top: 34px;
  }

  .new-header-page .hero{
    padding-top: 190px;
  }
}

/* ================= SUBMENU ================= */

.has-submenu{
  position: relative;
}

/* Arrow */
.has-submenu .arrow{
  font-size: 12px;
  margin-left: 4px;
  transition: transform .3s ease;
}

/* Dropdown box */
.submenu{
  position: absolute;
  top: 120%;
  left: 0;
  min-width: 230px;

  background: rgba(11,46,79,.98);
  backdrop-filter: blur(8px);

  border-radius: 12px;
  padding: 10px 0;

  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  transition: .3s ease;

  box-shadow: 0 15px 40px rgba(0,0,0,.35);
  z-index: 3000;
}

.submenu a{
  display: block;
  padding: 12px 20px;
  font-size: 14px;
  color: #fff;
  white-space: nowrap;
}

.submenu a:hover{
  background: rgba(255,255,255,.08);
  color: #f2c36b;
}

/* Desktop hover */
@media (min-width: 992px){
  .has-submenu:hover .submenu{
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }

  .has-submenu:hover .arrow{
    transform: rotate(180deg);
  }
}

/* ================= MOBILE SUBMENU ================= */
@media (max-width: 991px){

  .submenu{
    position: static;
    background: transparent;
    box-shadow: none;
    padding-left: 10px;
    max-height: 0;
    overflow: hidden;
    opacity: 1;
    visibility: visible;
    transform: none;
    transition: max-height .4s ease;
  }

  .has-submenu.open .submenu{
    max-height: 500px;
  }

  .has-submenu.open .arrow{
    transform: rotate(180deg);
  }

  .submenu a{
    font-size: 16px;
    padding: 10px 0;
  }
}
/* SUBMENU BASE */
.submenu{
  max-height:0;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  width:100%;
  padding-left:15px;
  transition:max-height .35s ease;
}

/* OPEN STATE */
.submenu.open{
  max-height:400px;
}

/* Submenu links */
.submenu a{
  font-size:15px;
  padding:8px 0;
  color:#dfefff;
  display:flex;
  align-items:center;
  gap:10px;
}

/* Arrow rotate */
.has-submenu .arrow{
  margin-left:6px;
  transition:transform .3s ease;
}

.has-submenu.active .arrow{
  transform:rotate(180deg);
}

/* DESKTOP dropdown */
@media(min-width:992px){
  .submenu{
    position:absolute;
    background:#0b2e4f;
    padding:15px;
    border-radius:10px;
    top:100%;
    left:0;
    max-height:none;
    display:none;
    box-shadow:0 20px 40px rgba(0,0,0,.25);
  }

  .submenu.open{
    display:flex;
  }
}
/* RESET */
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:Inter, sans-serif}

/* HEADER */
.site-header{
  position:fixed;
  top:0;
  left:0;
  width:100%;
  background:#0b2e4f;
  z-index:9999;
}

.header-inner{
  max-width:1200px;
  margin:auto;
  padding:12px 16px;
  display:flex;
  align-items:center;
  justify-content:space-between;
}

.logo img{
  height:48px;
}

/* NAV */
.nav{
  display:flex;
  align-items:center;
  gap:26px;
}

.nav a{
  color:#fff;
  text-decoration:none;
  font-weight:600;
  position:relative;
}

.nav a.active{
  color:#ffd98e;
}

/* SUBMENU */
.has-submenu{
  position:relative;
}

.has-submenu > a{
  display:flex;
  align-items:center;
  gap:6px;
  cursor:pointer;
}

.submenu{
  position:absolute;
  top:100%;
  left:0;
  background:#123a5f;
  border-radius:12px;
  padding:14px 18px;
  min-width:240px;
  display:none;
  flex-direction:column;
  gap:12px;
  box-shadow:0 20px 40px rgba(0,0,0,.35);
}

.submenu a{
  font-size:14px;
  display:flex;
  align-items:center;
  gap:10px;
  color:#eaf3ff;
}

.submenu a:hover{
  color:#ffd98e;
}

.has-submenu.open .submenu{
  display:flex;
}

/* MOBILE */
.mobile-toggle{
  display:none;
  flex-direction:column;
  gap:5px;
  cursor:pointer;
}

.mobile-toggle span{
  width:26px;
  height:3px;
  background:#fff;
  border-radius:2px;
}

/* MOBILE MENU */
@media(max-width:991px){

  .mobile-toggle{display:flex}

  .nav{
    position:fixed;
    top:0;
    right:-100%;
    width:280px;
    height:100vh;
    background:#0b2e4f;
    flex-direction:column;
    align-items:flex-start;
    padding:90px 22px;
    gap:20px;
    transition:.35s ease;
  }

  .nav.open{
    right:0;
  }

  .submenu{
    position:static;
    background:rgba(255,255,255,.05);
    box-shadow:none;
    padding:12px;
    border-radius:10px;
    width:100%;
    display:none;
  }

  .has-submenu.open .submenu{
    display:flex;
  }
}
.premium-footer {
    padding: 70px 0 30px;
    background: linear-gradient(135deg, #0f1c2e, #142c4a);
}

.footer-title {
    color: #d4af37; /* Gold Accent */
    font-weight: 600;
    margin-bottom: 20px;
}

.footer-text {
    color: #cfcfcf;
    line-height: 1.7;
}

.footer-info {
    color: #e0e0e0;
    line-height: 1.6;
}

.footer-map iframe {
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.4);
}

.map-btn {
    display: inline-block;
    padding: 8px 20px;
    background: #d4af37;
    color: #000;
    border-radius: 25px;
    text-decoration: none;
    font-weight: 600;
    transition: 0.3s;
}

.map-btn:hover {
    background: #f1c94b;
    transform: translateY(-2px);
}

.footer-divider {
    border-top: 1px solid rgba(255,255,255,0.1);
    margin: 30px 0 20px;
}
.subfooter {
    padding: 25px 0;
    background: transparent;
}

.footer-bottom {
    text-align: center;
    position: relative;
    max-width: 700px;      /* Controls wrapping width */
    margin: 0 auto;        /* Center block */
}

.footer-bottom span {
    display: inline-block;
    padding: 0 20px;
    color: #dcdcdc;
    font-size: 14px;
    background: transparent;
    position: relative;
    z-index: 2;
}

.footer-bottom {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    max-width: 900px;
    margin: 0 auto;
    padding: 10px 0;   /* Controls vertical spacing */
}

.footer-bottom span {
    padding: 0 15px;
    color: #dcdcdc;
    font-size: 14px;
    position: relative;
    top: -2px;   /* 👈 Push text slightly upward */
}

/* Left & Right Lines */
.footer-bottom:before,
.footer-bottom:after {
    content: "";
    flex: 1;
    height: 1px;
    background: rgba(255,255,255,0.15);
}