:root{
      --bg:#08111f;
      --bg2:#0d1b2f;
      --card:#111f35cc;
      --text:#eef4ff;
      --muted:#b7c4da;
      --primary:#ffb703;
      --secondary:#00c2ff;
      --accent:#ff5d8f;
      --success:#5ef2a3;
      --border:rgba(255,255,255,.12);
      --shadow:0 20px 50px rgba(0,0,0,.35);
      --radius:24px;
    }

    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;
      font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
      background:
        radial-gradient(circle at top left, rgba(0,194,255,.18), transparent 30%),
        radial-gradient(circle at top right, rgba(255,93,143,.18), transparent 28%),
        linear-gradient(180deg, #07111f 0%, #0b1628 40%, #08111f 100%);
      color:var(--text);
      line-height:1.6;
      overflow-x:hidden;
    }

    a{color:inherit; text-decoration:none}
    img{max-width:100%; display:block}

    .container{width:min(1180px, 92vw); margin:0 auto}
    .btn{
      display:inline-flex; align-items:center; justify-content:center; gap:.55rem;
      padding:.45rem 1.35rem; border-radius:999px; font-weight:700;
      border:1px solid transparent; transition:.25s ease; cursor:pointer;
      box-shadow:0 12px 25px rgba(0,0,0,.22);
      text-decoration:none;
      white-space:nowrap;
    }
    .btn:hover{transform:translateY(-2px)}
    .btn-primary{background:linear-gradient(135deg, var(--primary), #ffd166); color:#1a1200}
    .btn-secondary{background:linear-gradient(135deg, var(--secondary), #64e2ff); color:#031421}
    .btn-outline{background:transparent; border-color:rgba(255,255,255,.18); color:var(--text)}

    .topbar{
      border-bottom:1px solid var(--border);
      background:rgba(8,17,31,.55);
      backdrop-filter:blur(12px);
    }
    .topbar-inner{
      display:flex; align-items:center; justify-content:space-between; gap:1rem;
      padding:.75rem 0; font-size:.95rem; color:var(--muted);
    }
    .contact-line{display:flex; flex-wrap:wrap; gap:1rem}
    .contact-line span{display:inline-flex; gap:.45rem; align-items:center}
    .badge{
      padding:.35rem .75rem; border-radius:999px;
      background:rgba(255,183,3,.14); color:#ffd86a; border:1px solid rgba(255,183,3,.25);
      font-size:.82rem; font-weight:700;
    }

    header{
      position:sticky; top:0; z-index:50;
      background:rgba(8,17,31,.7);
      backdrop-filter:blur(14px);
      border-bottom:1px solid var(--border);
    }
    .nav{
      display:flex; align-items:center; justify-content:space-between; gap:1rem;
      padding:1rem 0;
    }
    .brand{display:flex; align-items:center; gap:.85rem; font-weight:900; letter-spacing:.2px}
    .logo{
      width:46px; height:46px; border-radius:14px;
      background:linear-gradient(135deg, var(--primary), var(--accent));
      display:grid; place-items:center; color:#140b00; box-shadow:var(--shadow);
      font-size:1.2rem;
    }
    .brand small{display:block; color:var(--muted); font-weight:600; letter-spacing:0}

    .nav-links{display:flex; align-items:center; gap:1.1rem}
    .nav-links a{color:var(--muted); font-weight:600; padding:.5rem .65rem; border-radius:12px; transition:.2s ease}
    .nav-links a:hover{color:var(--text); background:rgba(255,255,255,.06)}
    .menu-btn{display:none}

    .hero{padding:4.2rem 0 2.5rem}
    .hero-grid{
      display:grid; grid-template-columns:1.1fr .9fr; gap:2rem; align-items:center;
    }
    .hero-copy .eyebrow{
      display:inline-flex; align-items:center; gap:.45rem;
      padding:.45rem .8rem; border-radius:999px;
      background:rgba(0,194,255,.12); color:#9fe8ff; border:1px solid rgba(0,194,255,.2);
      font-weight:700; font-size:.88rem;
    }
    h1{
      font-size:clamp(2.4rem, 5vw, 4.9rem);
      line-height:1.03; margin:.9rem 0 1rem;
      letter-spacing:-.04em;
    }
    .gradient-text{
      background:linear-gradient(135deg, #ffffff 0%, #8ddcff 25%, #ffd166 55%, #ff7aa2 100%);
      -webkit-background-clip:text; background-clip:text; color:transparent;
    }
    .hero-copy p{font-size:1.08rem; color:var(--muted); max-width:62ch; margin:0 0 1.5rem;text-align: justify;}
    .hero-actions{display:flex; flex-wrap:wrap; gap:.9rem; margin-top:1.5rem}
    .hero-stats{
      display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; margin-top:2rem;
    }
    .stat{
      padding:1rem; border-radius:18px; background:rgba(255,255,255,.05); border:1px solid var(--border);
      box-shadow:var(--shadow);
    }
    .stat strong{display:block; font-size:1.5rem; margin-bottom:.15rem}
    .stat span{color:var(--muted); font-size:.92rem}

    .hero-card{
      position:relative; padding:1.25rem; border-radius:28px;
      background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.03));
      border:1px solid var(--border); box-shadow:var(--shadow);
      overflow:hidden;
    }
    .hero-card::before{
      content:""; position:absolute; inset:-20%;
      background:radial-gradient(circle, rgba(255,183,3,.2), transparent 40%);
      pointer-events:none;
    }
    .showcase{
      position:relative; min-height:560px; border-radius:24px; overflow:hidden;
      background:
        linear-gradient(180deg, rgba(0,0,0,.08), rgba(0,0,0,.35)),
        url('../image/viaggio-india.webp') center/cover;
      display:flex; align-items:flex-end;
      padding:1.2rem;
    }
    .showcase-panel{
      width:100%;
      background:rgba(8,17,31,.72);
      border:1px solid rgba(255,255,255,.12);
      backdrop-filter:blur(10px);
      border-radius:22px;
      padding:1rem;
    }
    .showcase-panel h3{margin:.25rem 0 .35rem; font-size:1.35rem}
    .showcase-panel p{margin:0; color:var(--muted)}
    .mini-tags{display:flex; flex-wrap:wrap; gap:.5rem; margin-top:.9rem}
    .mini-tags span{
      padding:.38rem .65rem; border-radius:999px; background:rgba(255,255,255,.08);
      color:#e8f1ff; font-size:.86rem; border:1px solid rgba(255,255,255,.1)
    }

    section{padding:0rem 0}
    .section-head{margin-bottom:1.4rem; text-align: center;}
    .section-head h2{font-size:clamp(1.7rem, 3vw, 2.7rem); margin:22px 0 .45rem}
    .section-head p{margin:0; color:var(--muted); }

    .about-grid,.dest-grid,.package-grid,.rental-grid{display:grid; gap:1.2rem}
    .about-grid{grid-template-columns:1fr 1fr}
    .feature-card,
    .info-card,
    .package-card,
    .service-card,
    .contact-card{
      border-radius:var(--radius);
      background:linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.035));
      border:1px solid var(--border);
      box-shadow:var(--shadow);
    }
    .feature-card{padding:1.3rem}
    .feature-card h3{margin:.35rem 0 .4rem}
    .feature-card p{margin:0; color:var(--muted)}
    .icon-pill{
      border-radius:16px;
      display:grid; place-items:center; font-size:1.4rem; font-weight:900;
      background:linear-gradient(135deg, rgba(255,183,3,.18), rgba(0,194,255,.18));
      border:1px solid rgba(255,255,255,.12);
    }

    .dest-grid{grid-template-columns:repeat(3, 1fr)}
    .info-card{overflow:hidden; position:relative}
    .info-card .thumb{height:220px; background-size:cover; background-position:center}
    .info-card .content{padding:1.15rem}
    .info-card h3{margin:.15rem 0 .35rem}
    .info-card p{margin:0; color:var(--muted)}
    .tag-row{display:flex; flex-wrap:wrap; gap:.5rem; margin-top:1rem}
    .tag-row span{
      font-size:.82rem; padding:.34rem .6rem; border-radius:999px;
      background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.08); color:#dfe9ff;
    }

    .package-grid{grid-template-columns:repeat(3,1fr)}
    .package-card{padding:1.3rem; position:relative; overflow:hidden}
    .package-card .price{
      font-size:2rem; font-weight:900; margin:.35rem 0; color:#fff;
    }
    .package-card ul{padding-left:1.1rem; margin:1rem 0 1.2rem; color:var(--muted)}
    .package-card li{margin:.5rem 0}
    .package-card.popular{
      border-color:rgba(255,183,3,.35);
      transform:translateY(-6px);
      background:linear-gradient(180deg, rgba(255,183,3,.13), rgba(255,255,255,.04));
    }
    .popular-badge{
      position:absolute; top:16px; right:16px; padding:.35rem .65rem;
      border-radius:999px; background:rgba(255,93,143,.16); color:#ffb7cb;
      border:1px solid rgba(255,93,143,.28); font-size:.78rem; font-weight:700;
    }

    .rental-grid{grid-template-columns:1fr 1fr}
    .service-card{padding:1.3rem}
    .service-list{display:grid; gap:.9rem; margin-top:1rem}
    .service-item{
      display:flex; gap:.9rem; align-items:flex-start; padding:1rem;
      border-radius:18px; background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.08);
    }
    .service-item strong{display:block; margin-bottom:.2rem}
    .service-item span{color:var(--muted); font-size:.95rem}
    .form-grid{display:grid; grid-template-columns:1fr 1fr; gap:.9rem; margin-top:1rem}
    input, select, textarea{
      width:100%; border:1px solid rgba(255,255,255,.1); background:rgba(7,12,22,.72); color:var(--text);
      padding:.95rem 1rem; border-radius:16px; outline:none; font:inherit;
    }
    textarea{min-height:130px; resize:vertical; grid-column:1/-1}
    input::placeholder, textarea::placeholder{color:#8fa3c5}
    .contact-card{padding:1.3rem}
    .contact-row{display:grid; gap:1rem; margin-top:1rem}
    .contact-box{
      padding:1rem; border-radius:18px; background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.08)
    }
    .contact-box small{display:block; color:var(--muted); margin-bottom:.3rem}
    .contact-box strong{font-size:1.02rem}

    footer{
      margin-top:2rem;
      border-top:1px solid var(--border);
      background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.01));
    }
    .footer-grid{
      display:grid; grid-template-columns:1.2fr .8fr .8fr; gap:1.2rem;
      padding:2.3rem 0;
    }
    .footer-grid h4{margin:0 0 .8rem}
    .footer-grid p, .footer-grid a{color:var(--muted)}
    .footer-links{display:grid; gap:.55rem}
    .copyright{
      border-top:1px solid var(--border);
      padding:1rem 0 1.3rem; color:var(--muted); font-size:.92rem;
      display:flex; justify-content:space-between; gap:1rem; flex-wrap:wrap;
    }

    .floating-btn{
      position:fixed; right:18px; bottom:18px; z-index:60;
      width:58px; height:58px; border-radius:18px; display:grid; place-items:center;
      background:linear-gradient(135deg, #25d366, #11b44c); color:white; box-shadow:0 16px 30px rgba(0,0,0,.35);
      font-size:1.5rem;
    }

    @media (max-width: 980px){
      .hero-grid,.about-grid,.dest-grid,.package-grid,.rental-grid,.footer-grid{grid-template-columns:1fr}
      .showcase{min-height:420px}
      .hero-stats{grid-template-columns:1fr}
    }
    @media (max-width: 760px){
      .topbar-inner{flex-direction:column; align-items:flex-start}
      .nav-links{display:none; position:absolute; top:76px; left:4vw; right:4vw; padding:1rem; border-radius:20px;
        background:rgba(8,17,31,.96); border:1px solid var(--border); flex-direction:column; align-items:stretch}
      .nav-links.open{display:flex}
      .nav-links a{padding:.8rem 1rem; background:rgba(255,255,255,.04)}
      .menu-btn{display:inline-flex}
      .hero{padding-top:2.6rem}
      .hero-actions .btn{width:100%}
      .form-grid{grid-template-columns:1fr}
    }
	
	 .slider{position:relative;overflow:hidden;margin-top:0px;}
    .slides{display:flex;transition:transform 0.5s ease-in-out;}
    .slide{min-width:100%;height:430px;background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;color:#fff;font-size:32px;font-weight:700;text-shadow:2px 2px 10px rgba(0,0,0,.5);}
    .slider-buttons{position:absolute;top:50%;left:0;right:0;display:flex;justify-content:space-between;transform:translateY(-50%);padding:0 10px;}
    .slider-btn{background:rgba(0,0,0,0.3);border:none;color:#fff;padding:8px 16px;border-radius:8px;cursor:pointer;transition:.3s;}
    .slider-btn:hover{background:rgba(0,0,0,0.6)}

    @media(max-width:600px){.slide{font-size:24px;height:176px}}

 .Rajasthan {
      color: #fff;
      padding: 2rem 1rem;
      text-align: center;
    }
	.Rajasthan1 {
      color: #fff; 
      padding: 2rem 1rem;
    }

    .Rajasthan h1 {
      font-size: 2.5rem;
      margin-bottom: 0.5rem;
    }

    .Rajasthan p {
      font-size: 1.2rem; font-family: 'Roboto', sans-serif;
      line-height: 1.6;
      color: #fff; 
	  
    }
	
	 .Rajasthan1 p {
      font-size: 1.2rem; font-family: 'Roboto', sans-serif;
      line-height: 1.6;
      color: #fff;text-align: justify;
	  
    }


  

    .day-card {
      margin-bottom: 2rem; 
      border-radius: 12px;
      border-radius: var(--radius);
  background: linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.035));
  border: 1px solid var(--border);
  box-shadow: var(--shadow);
      overflow: hidden;
      transition: transform 0.3s ease;
    }

    .day-card:hover {
      transform: translateY(-5px);
    }

    .day-card img {
      width: 100%;
      height: 250px;
      object-fit: cover;
    }

    .day-content {
      padding: 1.5rem;
    }

    .day-content h2 {
      color: #f97316;
      margin-bottom: 1rem;
    }

    .day-content p {
      margin-bottom: 1rem; font-family: 'Roboto', sans-serif;
      line-height: 1.6; text-align: justify;
       color: #fff;
    }

    .highlights {
      list-style: none;
      display: flex;
      flex-wrap: wrap;
      gap: 0.5rem;
    }

    .highlights li {
      background-color: #fcd34d;
      color: #333;
      padding: 0.5rem 1rem;
      border-radius: 8px;
      font-weight: bold;
      font-size: 0.9rem;
    }

    @media (max-width: 768px) {
      .day-card img {
        height: 200px;
      }
    }

    @media (max-width: 480px) {
      .Rajasthan h1 {
        font-size: 2rem;
      }
      .Rajasthan p {
        font-size: 1rem; text-align: justify;
      }
	   .Rajasthan1 p {
        font-size: 1rem; text-align: justify;
      }
      .highlights li {
        font-size: 0.8rem;
        padding: 0.4rem 0.8rem;
      }
    }
	
	.table-container {
  max-width: 1000px;
  margin: auto;
  overflow-x: auto;
}

table {
  width: 100%;
  border-collapse: collapse;
  border-radius: 10px;
  overflow: hidden;
  background: rgba(255,255,255,.05);
  border: 1px solid var(--border);
  box-shadow: var(--shadow);
}

th, td {
  padding: 14px;
  text-align: left;  border: 1px solid var(--border);
}

th {
  background: rgba(255,255,255,.09);
  color: #fff;  border: 1px solid var(--border);
}

tr:nth-child(even) {
   border: 1px solid var(--border);
}

tr:hover {
  background: rgba(255,255,255,.05);
}

/* Mobile Responsive */
@media (max-width: 768px) {
  table, thead, tbody, th, td, tr {
    display: block;
  }

  thead {
    display: none;
  }

  tr {
    margin-bottom: 15px;
    border-radius: 10px;
    padding: 10px;
  }

  td {
    padding: 10px;
    text-align: right;
    position: relative;
  }

  td::before {
    content: attr(data-label);
    position: absolute;
    left: 10px;
    font-weight: bold;
    text-align: left;
  }
}