:root{
      --accent:#0ea5a4; /* teal */
      --accent-700:#04706f;
      --muted:#6b7280;
      --bg:#f8fafc;
      --card:#ffffffd4;
      --glass: rgba(255,255,255,0.7);
      --shadow: 0 8px 30px rgba(2,6,23,0.08);
      --max-width:1100px;
      --container-padding:24px;
      font-family: Inter, ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial;
    }
    html,body{height:100%;margin:0;background:var(--bg);color:#0f172a}
    a{color:var(--accent);text-decoration:none}
    .container{max-width:var(--max-width);margin:0 auto;padding:0 var(--container-padding)}
    ul{list-style: disc}

    .ttlBox{margin-bottom:1rem}
    .ttlBox h2.ttl{text-align: center;}
    .ttlBox p.desc{text-align: center}

    /* HERO */
    .mainBox.heroSection{padding-inline:0;margin-bottom:4rem}
    .hero{position:relative;display:flex;align-items:center;min-height:420px;border-radius:12px;background:var(--bgImg) top center/cover no-repeat;margin-top:4rem}
    .hero-grid{display:grid;grid-template-columns:1fr 460px;gap:28px;margin:9rem 1rem -5rem 1rem}
    .heroGrid1{display:flex;flex-direction:column;justify-content: flex-end}
    .hero h1{font-size:36px;line-height:1.07;color:#fff;margin:0 0 12px;text-shadow:1px 1px black}
    .hero .textBox{color:#000;background:linear-gradient(#ffffff2b, var(--card));backdrop-filter:blur(5px);padding:1rem;border-radius:15px;box-shadow:var(--shadow)}
    .hero p.lead{margin:0 0 18px;font-size:15px;}
    .badge{display:inline-block;background:#0000001f;color:#fff;padding:6px 10px;border-radius:999px;font-weight:600;font-size:13px;margin-bottom:12px;width:max-content}
    .cta-primary{background:var(--accent);border:none;color:#fff;padding:12px 18px;border-radius:10px;font-weight:700;cursor:pointer;box-shadow:0 6px 18px rgba(14,165,164,0.18)}
    .cta-ghost{background:#ffffff61;border:1px solid rgba(255,255,255,0.14);padding:10px 16px;border-radius:10px;margin-left:12px}


.packageCardsSlider{margin-bottom:4rem}
.card_package1{display:unset;}
.card_package1 .card{width:unset;margin:1rem 10px 3rem;background:#fff;}
.card_package1 .card .imgBox {width: 100%;}

    /* LEAD FORM CARD */
    .lead-card{border-radius:12px;padding:20px;box-shadow:var(--shadow);align-self:start;background:linear-gradient(#ffffff2b, var(--card));backdrop-filter: blur(5px);}
    .lead-card h3{margin:0 0 8px;font-size:18px}
    .lead-card p{margin:0 0 12px;font-size:14px}
    .form-row{display:flex;gap:8px}
    .formBox1 form{gap:12px;margin-bottom:0;}
    .formBox1 input, .formBox1 select{padding:10px 1rem;}

    /* QUICK STATS */
    .stats{display:flex;gap:12px;}
    .stat{backdrop-filter: blur(10px);padding:14px;border-radius:10px;flex:1 1 210px;text-align:center;box-shadow:0 6px 20px rgba(10,10,25,0.04)}
    .stat:nth-child(1){min-width:210px;}
    .stat b{display:block;font-size:18px}
    .stat span{font-size:13px}

    /* ITINERARY */
    .itinerary{margin:28px 0;background:linear-gradient(180deg,#fff,#fbfdff);padding:18px;border-radius:12px;box-shadow:var(--shadow)}
    .day{border-left:3px solid var(--accent);padding:12px;margin-bottom:12px;border-radius:6px}
    .day h5{margin:0 0 6px}

    /* FEATURES */
    .features{display:flex;gap:14px;flex-wrap:wrap;margin:20px 0}
    .feature{flex:1 1 300px;background:linear-gradient(180deg,#fff,#fff);padding:14px;border-radius:10px;display:flex;gap:12px;align-items:start}
    .feature img{width:150px;max-height:130px;object-fit:cover}

    /* TESTIMONIALS */
    .testimonials{display: flex;gap:1rem}
    .testimonials .card{padding:1rem;background:#fff}

    /* FAQ */
    .faq{margin:22px 0}
    details{background:#fff;padding:12px;border-radius:10px;box-shadow:var(--shadow);margin-bottom:8px}
    summary{font-weight:700;cursor:pointer}
    .faq p{margin:8px 0 0;color:var(--muted)}

    /* FOOTER CTA */
    .sticky-cta{position:fixed;right:18px;bottom:18px;background:#25d366;border-radius:999px;padding:12px 16px;color:#fff;box-shadow:0 10px 30px rgba(37,211,102,0.18);display:flex;gap:10px;align-items:center;font-weight:700}

    /* RESPONSIVE */
    @media (max-width:1024px){
      .hero-grid{grid-template-columns:1fr 340px;padding:3rem 1rem 1rem}
      .packages{grid-template-columns:repeat(2,1fr)}
      .features{grid-template-columns:repeat(2,1fr)}
    }
    @media (max-width:800px){
      .mainBox.heroSection{margin-bottom:15rem;}
      .hero-grid{grid-template-columns:1fr;padding:28px;margin-block:10rem -20rem}
      .hero{overflow:unset;}
    }
    @media (max-width:640px){
      .mainBox.heroSection>.inner{padding-inline:0;}
      .hero{min-height:360px;background:var(--bgImg1) left/cover no-repeat;overflow: unset}
      .nomob{display:none;}
      
      .stats{flex-wrap:wrap;}
      .stats .stat{max-width: unset;flex:unset}
      .stats .stat:nth-child(2){display:none}
      .lead-card{order:3}
      .packages{grid-template-columns:1fr}
      .features{grid-template-columns:1fr}
    }