/* ============ THEMES (pure CSS - no script) ============ */
:root{
  --c1:#ff6a00; --c2:#d4145a; --c3:#ffb300; --dark:#2b1055; --soft:#fff5e6; --text:#3a2a1a; --white:#fff;
}
body:has(#th2:checked){--c1:#0077b6;--c2:#7209b7;--c3:#00b4d8;--dark:#03045e;--soft:#e8f6ff;--text:#10233a}
body:has(#th3:checked){--c1:#1b8a3a;--c2:#e07a00;--c3:#9bd600;--dark:#0b3d1d;--soft:#effae6;--text:#17301d}
body:has(#th4:checked){--c1:#e6007e;--c2:#6a00f4;--c3:#ff9e00;--dark:#3a0ca3;--soft:#fff0f7;--text:#32122e}
body:has(#th5:checked){--c1:#c1121f;--c2:#780000;--c3:#f4a300;--dark:#3b0a0a;--soft:#fff1e0;--text:#3a1a10}
.theme-radio{position:absolute;opacity:0;pointer-events:none}

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:"Segoe UI",Tahoma,Arial,sans-serif;color:var(--text);background:var(--soft);line-height:1.65;overflow-x:hidden}
img{max-width:100%;display:block}
a{text-decoration:none;color:inherit}
ul{list-style:none}
.container{width:min(1200px,92%);margin:auto}
section{padding:70px 0;scroll-margin-top:70px}

.sec-title{text-align:center;margin-bottom:45px}
.sec-title small{display:inline-block;background:linear-gradient(90deg,var(--c1),var(--c2));color:#fff;padding:4px 18px;border-radius:30px;letter-spacing:2px;font-size:.78rem;text-transform:uppercase}
.sec-title h2{font-size:clamp(1.7rem,4vw,2.6rem);color:var(--dark);margin:12px 0 8px}
.sec-title p{max-width:680px;margin:auto;opacity:.85}
.sec-title .line{width:90px;height:5px;border-radius:5px;margin:14px auto 0;background:linear-gradient(90deg,var(--c1),var(--c3),var(--c2))}

/* ============ TOP BAR ============ */
.topbar{background:linear-gradient(90deg,var(--dark),var(--c2),var(--dark));color:#fff;font-size:.88rem}
.topbar .container{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:8px 0}
.topbar .info{display:flex;flex-wrap:wrap;gap:8px 22px}
.topbar .info a:hover{color:var(--c3)}
.topbar .right{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.social{display:flex;gap:7px}
.social a{width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.18);display:grid;place-items:center;font-weight:700;font-size:.78rem;transition:.3s}
.social a:hover{background:var(--c3);color:var(--dark);transform:translateY(-3px)}
.themes{display:flex;align-items:center;gap:6px}
.themes span{font-size:.78rem;opacity:.9}
.themes label{width:20px;height:20px;border-radius:50%;cursor:pointer;border:2px solid #fff;transition:.3s}
.themes label:hover{transform:scale(1.25)}
.themes .l1{background:linear-gradient(135deg,#ff6a00,#d4145a)}
.themes .l2{background:linear-gradient(135deg,#0077b6,#7209b7)}
.themes .l3{background:linear-gradient(135deg,#1b8a3a,#e07a00)}
.themes .l4{background:linear-gradient(135deg,#e6007e,#6a00f4)}
.themes .l5{background:linear-gradient(135deg,#c1121f,#f4a300)}

/* ============ HEADER + MENU ============ */
header{background:#fff;position:sticky;top:0;z-index:999;box-shadow:0 4px 18px rgba(0,0,0,.15);border-bottom:4px solid var(--c1)}
.nav{display:flex;justify-content:space-between;align-items:center;padding:10px 0}
.logo{display:flex;align-items:center;gap:10px}
.logo .mark{width:48px;height:48px;border-radius:50%;background:conic-gradient(var(--c1),var(--c3),var(--c2),var(--c1));display:grid;place-items:center;font-size:1.6rem;box-shadow:0 3px 10px rgba(0,0,0,.25)}
.logo b{font-size:1.5rem;color:var(--dark);line-height:1}
.logo b em{font-style:normal;color:var(--c1)}
.logo small{display:block;font-size:.68rem;letter-spacing:2px;color:var(--c2);text-transform:uppercase}
.menu-check{display:none}
.menu-btn{display:none;cursor:pointer;width:46px;height:46px;border-radius:10px;background:linear-gradient(135deg,var(--c1),var(--c2));flex-direction:column;justify-content:center;align-items:center;gap:5px}
.menu-btn span{display:block;width:24px;height:3px;background:#fff;border-radius:3px;transition:.35s}
.menu-check:checked ~ .menu-btn span:nth-child(1){transform:translateY(8px) rotate(45deg)}
.menu-check:checked ~ .menu-btn span:nth-child(2){opacity:0}
.menu-check:checked ~ .menu-btn span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
.menu ul{display:flex;gap:4px;align-items:center}
.menu a{display:block;padding:9px 15px;border-radius:30px;font-weight:600;color:var(--dark);transition:.3s}
.menu a:hover{background:linear-gradient(90deg,var(--c1),var(--c2));color:#fff}
.menu a.book{background:#25d366;color:#fff}

/* ============ SLIDER (pure CSS auto slider) ============ */
.slider{position:relative;height:clamp(380px,79vh,680px);overflow:hidden;background:var(--dark)}
.slide{position:absolute;inset:0;opacity:0;animation:fade 24s infinite;background-size:cover;background-position:center}
.slide:nth-child(2){animation-delay:6s}
.slide:nth-child(3){animation-delay:12s}
.slide:nth-child(4){animation-delay:18s}
@keyframes fade{0%{opacity:0;transform:scale(1)}4%{opacity:1}25%{opacity:1}29%{opacity:0;transform:scale(1.08)}100%{opacity:0}}
.s1{background-image:url("../image/fair.jpg"),linear-gradient(135deg,#ff6a00,#d4145a 60%,#2b1055)}
.s2{background-image:url("../image/camel.jpg"),linear-gradient(135deg,#0077b6,#7209b7 60%,#03045e)}
.s3{background-image:url("../image/camel-fair.webp"),linear-gradient(135deg,#ffb300,#e07a00 55%,#780000)}
.s4{background-image:url("../image/pushkar-fair.jpg"),linear-gradient(135deg,#1b8a3a,#00b4d8 60%,#0b3d1d)}
.slide::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.65),rgba(0,0,0,.15))}
.slide .cap{position:absolute;left:6%;right:6%;top:50%;transform:translateY(-50%);color:#fff;max-width:640px}
.slide .cap h2{font-size:clamp(1.8rem,5vw,3.6rem);line-height:1.15;text-shadow:0 3px 12px rgba(0,0,0,.6)}
.slide .cap h2 span{color:var(--c3)}
.slide .cap p{margin:14px 0 22px;font-size:clamp(.95rem,2vw,1.2rem);text-shadow:0 2px 8px rgba(0,0,0,.6)}
.btn{display:inline-block;padding:11px 26px;border-radius:40px;font-weight:700;color:#fff;background:linear-gradient(90deg,var(--c1),var(--c2));box-shadow:0 6px 16px rgba(0,0,0,.25);transition:.3s;border:0;cursor:pointer}
.btn:hover{transform:translateY(-3px);filter:brightness(1.1)}
.btn.wa{background:linear-gradient(90deg,#25d366,#128c7e)}
.btn.sm{padding:8px 18px;font-size:.88rem}
.dots{position:absolute;bottom:18px;left:0;right:0;display:flex;justify-content:center;gap:10px;z-index:5}
.dots i{width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,.4);animation:dot 24s infinite}
.dots i:nth-child(2){animation-delay:6s}.dots i:nth-child(3){animation-delay:12s}.dots i:nth-child(4){animation-delay:18s}
@keyframes dot{0%,25%{background:var(--c3);transform:scale(1.4)}29%,100%{background:rgba(255,255,255,.4);transform:scale(1)}}

/* marquee notice (CSS only) */
.notice{background:var(--c3);color:var(--dark);font-weight:700;overflow:hidden;white-space:nowrap;padding:8px 0}
.notice div{display:inline-block;padding-left:100%;animation:scroll 28s linear infinite}
@keyframes scroll{to{transform:translateX(-100%)}}

/* ============ WELCOME ============ */
.welcome .grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.collage{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.collage div{border-radius:18px;min-height:200px;background-size:cover;background-position:center;box-shadow:0 10px 25px rgba(0,0,0,.2);transition:.4s}
.collage div:hover{transform:scale(1.04) rotate(-1deg)}
.collage .a{background-image:url("../image/camel-pushkar.webp"),linear-gradient(135deg,var(--c1),var(--c3));min-height:260px;grid-row:span 2}
.collage .b{background-image:url("../image/pushkar-fairs.png"),linear-gradient(135deg,var(--c2),var(--c1))}
.collage .c{background-image:url("../image/fairs.jpg"),linear-gradient(135deg,var(--c3),var(--c2))}
.welcome h2{font-size:clamp(1.8rem,4vw,2.7rem);color:var(--dark);margin-bottom:14px}
.welcome h2 span{background:linear-gradient(90deg,var(--c1),var(--c2));-webkit-background-clip:text;background-clip:text;color:transparent}
.welcome h1{font-size:clamp(1.8rem,4vw,2.7rem);color:var(--dark);margin-bottom:14px}
.welcome h1 span{background:linear-gradient(90deg,var(--c1),var(--c2));-webkit-background-clip:text;background-clip:text;color:transparent}
.welcome p{margin-bottom:14px; text-align: justify;}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0}
.stats div{background:#fff;border-radius:14px;padding:14px;text-align:center;border-bottom:4px solid var(--c1);box-shadow:0 5px 14px rgba(0,0,0,.1)}
.stats b{display:block;font-size:1.5rem;color:var(--c2)}
.stats span{font-size:.82rem}

/* ============ CARDS ============ */
.cards1{display:grid;grid-template-columns:repeat(auto-fit,minmax(355px,1fr));gap:26px}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(255px,1fr));gap:26px}
.card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 10px 26px rgba(0,0,0,.13);transition:.4s;display:flex;flex-direction:column;position:relative}
.card:hover{transform:translateY(-10px);box-shadow:0 18px 36px rgba(0,0,0,.25)}
.card .img{height:210px;background-size:cover;background-position:center;position:relative}
.card .img::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.45),transparent 55%)}
.card .tag{position:absolute;top:14px;left:14px;z-index:2;background:linear-gradient(90deg,var(--c1),var(--c2));color:#fff;font-size:.75rem;font-weight:700;padding:4px 14px;border-radius:30px}
.card .price{position:absolute;right:14px;bottom:12px;z-index:2;color:#fff;font-weight:800;font-size:1.05rem}
.card .body{padding:20px;display:flex;flex-direction:column;flex:1}
.card h3{color:var(--dark);margin-bottom:8px;font-size:1.2rem}
.card p{font-size:.92rem;margin-bottom:12px; color: #252321;}
.meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.meta span{background:var(--soft);border:1px dashed var(--c1);border-radius:30px;padding:3px 12px;font-size:.8rem;font-weight:600;color:var(--dark)}
.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:auto}

/* package images (add your own in /images/) */
.p1{background-image:url("../image/pushkar_mela.webp"),linear-gradient(135deg,#ff6a00,#d4145a)}
.p2{background-image:url("../image/pushkar-mela.jpg"),linear-gradient(135deg,#ffb300,#e07a00)}
.p3{background-image:url("../image/jaipur-tour.jpg"),linear-gradient(135deg,#0077b6,#7209b7)}
.p4{background-image:url("../image/desert-safari.jpg"),linear-gradient(135deg,#1b8a3a,#9bd600)}
.p5{background-image:url("../image/jaipur-tours.webp"),linear-gradient(135deg,#e6007e,#6a00f4)}
.p6{background-image:url("../image/ajmer.webp"),linear-gradient(135deg,#c1121f,#f4a300)}
.a1{background-image:url("../image/Pushkar-Lake.webp"),linear-gradient(135deg,#00b4d8,#0077b6)}
.a2{background-image:url("../image/Brahma-Temple.jpg"),linear-gradient(135deg,#ff6a00,#c1121f)}
.a3{background-image:url("../image/Savitri_Mata_Temple.jpg"),linear-gradient(135deg,#7209b7,#e6007e)}
.a5{background-image:url("../image/pushkar_rangji_temple.avif"),linear-gradient(135deg,#1b8a3a,#00b4d8)}
.a6{background-image:url("../image/Gau-Ghat-Pushkar.webp"),linear-gradient(135deg,#d4145a,#ffb300)}
.a7{background-image:url("../image/varaha-temple.jpg"),linear-gradient(135deg,#3a0ca3,#e6007e)}
.a8{background-image:url("../image/gayatri-temple-pushkar.jpg"),linear-gradient(135deg,#3a0ca3,#e6007e)}
.a9{background-image:url("../image/Gurudwara-Sabha.jpg"),linear-gradient(135deg,#3a0ca3,#e6007e)}

.a10{background-image:url("../image/Pushkar-Fair-Dates.webp"),linear-gradient(135deg,#3a0ca3,#e6007e)}
.a11{background-image:url("../image/Pushkar-Guidelines.jpg"),linear-gradient(135deg,#3a0ca3,#e6007e)}
.a12{background-image:url("../image/Pushkar-Programme.avif"),linear-gradient(135deg,#3a0ca3,#e6007e)}
.a13{background-image:url("../image/Pushkar-Camel-Fair.jpg"),linear-gradient(135deg,#3a0ca3,#e6007e)}

.packages{background:linear-gradient(180deg,#fff,var(--soft))}
.attractions{background:linear-gradient(135deg,var(--dark),var(--c2));color:#fff}
.attractions .sec-title h2{color:#fff}
.attractions .sec-title p{color:#fff}

/* ============ CAMEL FAIR ============ */
.fair-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:34px;align-items:center;margin-bottom:40px}
.fair-hero .pic{min-height:340px;border-radius:22px;background:url("../image/Pushkar-Fair-Festival.jpg") center/cover,linear-gradient(135deg,var(--c3),var(--c1),var(--c2));box-shadow:0 14px 34px rgba(0,0,0,.28);position:relative}
.fair-hero .pic em{position:absolute;left:16px;bottom:16px;background:rgba(0,0,0,.6);color:#fff;padding:6px 16px;border-radius:30px;font-style:normal;font-size:.85rem}
.fair-hero h3{font-size:1.7rem;color:var(--dark);margin-bottom:10px}
.fair-hero p{margin-bottom:12px}
.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:40px}
.info{background:#fff;border-radius:18px;padding:24px;border-top:6px solid var(--c1);box-shadow:0 8px 22px rgba(0,0,0,.1);transition:.3s}
.info:nth-child(3n+2){border-top-color:var(--c2)}
.info:nth-child(3n){border-top-color:var(--c3)}
.info:hover{transform:translateY(-6px)}
.info .ic{font-size:2rem}
.info h4{color:var(--dark);margin:6px 0}
.info p{font-size:.92rem}
.timeline{background:#fff;border-radius:22px;padding:30px;box-shadow:0 10px 26px rgba(0,0,0,.12);margin-bottom:34px}
.timeline h3{text-align:center;color:var(--dark);margin-bottom:22px;font-size:1.5rem}
.tl{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}
.tl div{background:linear-gradient(135deg,var(--c1),var(--c2));color:#fff;border-radius:16px;padding:18px}
.tl div:nth-child(even){background:linear-gradient(135deg,var(--c2),var(--dark))}
.tl b{display:block;color:var(--c3);margin-bottom:4px}
.tl p{font-size:.88rem}
.faq details{background:#fff;border-radius:14px;margin-bottom:12px;box-shadow:0 5px 14px rgba(0,0,0,.1);overflow:hidden}
.faq summary{cursor:pointer;padding:15px 20px;font-weight:700;color:var(--dark);list-style:none;position:relative}
.faq summary::after{content:"+";position:absolute;right:20px;font-size:1.4rem;color:var(--c2)}
.faq details[open] summary::after{content:"\2212"}
.faq details[open] summary{background:linear-gradient(90deg,var(--c1),var(--c2));color:#fff}
.faq details[open] summary::after{color:#fff}
.faq details p{padding:15px 20px}
.cta{text-align:center;margin-top:30px}

/* ============ CTA BAND ============ */
.band{background:linear-gradient(120deg,var(--c1),var(--c2),var(--dark));color:#fff;text-align:center;padding:55px 0}
.band h2{font-size:clamp(1.6rem,4vw,2.4rem);margin-bottom:10px}
.band p{margin-bottom:20px}

/* ============ FOOTER ============ */
footer{background:var(--dark);color:#e9e3f5;position:relative}
footer::before{content:"";display:block;height:8px;background:linear-gradient(90deg,var(--c1),var(--c3),var(--c2),var(--c1))}
.f-top{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.3fr;gap:34px;padding:60px 0 40px}
footer h4{color:#fff;margin-bottom:16px;font-size:1.15rem;position:relative;padding-bottom:8px}
footer h4::after{content:"";position:absolute;left:0;bottom:0;width:44px;height:3px;background:var(--c3);border-radius:3px}
footer p{font-size:.92rem;margin-bottom:10px}
footer li{margin-bottom:9px;font-size:.92rem}
footer li a:hover{color:var(--c3);padding-left:6px}
footer li a{transition:.3s}
.f-logo b{font-size:1.7rem;color:#fff}
.f-logo b em{font-style:normal;color:var(--c3)}
footer .social a{background:rgba(255,255,255,.14);width:36px;height:36px}
.f-contact li{display:flex;gap:10px}
.newsletter{display:flex;gap:6px;margin-top:10px}
.newsletter input{flex:1;min-width:0;padding:10px 14px;border-radius:30px;border:0;outline:0}
.f-mid{border-top:1px solid rgba(255,255,255,.15);border-bottom:1px solid rgba(255,255,255,.15);padding:24px 0;text-align:center;font-size:.9rem}
.f-mid a{display:inline-block;margin:3px 8px;color:var(--c3)}
.f-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;padding:18px 0;font-size:.85rem;background:rgba(0,0,0,.25)}
.f-bottom .container{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;width:min(1200px,92%)}

/* floating whatsapp */
.float-wa{position:fixed;right:18px;bottom:18px;z-index:1000;width:60px;height:60px;border-radius:50%;background:#25d366;color:#fff;display:grid;place-items:center;font-weight:800;font-size:.78rem;box-shadow:0 6px 18px rgba(0,0,0,.4);animation:pulse 2s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(37,211,102,.7)}70%{box-shadow:0 0 0 18px rgba(37,211,102,0)}100%{box-shadow:0 0 0 0 rgba(37,211,102,0)}}
.float-call{position:fixed;left:18px;bottom:18px;z-index:1000;padding:12px 18px;border-radius:40px;background:linear-gradient(90deg,var(--c1),var(--c2));color:#fff;font-weight:700;box-shadow:0 6px 18px rgba(0,0,0,.35)}

/* ============ RESPONSIVE ============ */
@media(max-width:992px){
  .welcome .grid,.fair-hero{grid-template-columns:1fr}
  .f-top{grid-template-columns:1fr 1fr}
}
@media(max-width:860px){
  .menu-btn{display:flex}
  .nav{flex-wrap:wrap}
  .menu{width:100%;order:3;max-height:0;overflow:hidden;transition:max-height .5s ease}
  .menu-check:checked ~ .menu{max-height:560px}
  .menu ul{flex-direction:column;align-items:stretch;gap:6px;padding:14px 0 6px}
  .menu a{background:var(--soft);text-align:center;border-radius:10px}
}
@media(max-width:600px){
  .topbar .container{justify-content:center;text-align:center}
  .topbar .info{justify-content:center}
  .topbar .right{justify-content:center}
  section{padding:50px 0}
  .f-top{grid-template-columns:1fr;padding-top:45px}
  .stats{grid-template-columns:1fr 1fr 1fr}
  .collage{grid-template-columns:1fr 1fr}
  .collage .a{min-height:200px}
  .float-call{padding:10px 14px;font-size:.85rem}
}