/* ===== style.css ===== */
*{box-sizing:border-box}html,body{margin:0;padding:0;width:100%}.th-topbar{width:100%;min-width:100%;background:#000;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:6px 20px;font-size:13px;font-family:Arial,Helvetica,sans-serif}.th-header{width:100%;background:#0a2a4a;box-shadow:0 2px 10px rgb(0 0 0 / .15)}.th-header-inner{max-width:1200px;margin:auto;padding:14px 20px;display:flex;align-items:center;gap:50px}.th-logo{color:#fff;font-size:22px;font-weight:800;letter-spacing:.5px}.th-nav{display:flex;align-items:center;gap:28px}.th-nav-link{font-size:17px;font-weight:600;padding:14px 18px;letter-spacing:.3px;color:#fff}.th-nav-link:hover{color:#fc0}.th-caret{font-size:11px;margin-left:4px}.th-nav-item{position:relative}.th-mega-menu{display:none;position:absolute;top:100%;left:50%;transform:translateX(-50%);background:#fff;width:860px;max-width:95vw;padding:24px;border-radius:16px;box-shadow:0 18px 40px rgb(0 0 0 / .25);z-index:9999;gap:30px;align-items:flex-start}.th-has-mega:hover>.th-mega-menu{display:flex}.th-mega-col{flex:1}.th-mega-col h4{margin:0 0 14px;font-size:16px;color:#000}.th-mega-links{display:grid;grid-template-columns:repeat(2,1fr);gap:8px 18px}.th-mega-links a{color:#333;text-decoration:none;font-size:14px;padding:6px 8px;border-radius:6px;transition:0.2s ease}.th-mega-links a:hover{background:#f1f6ff;color:#1a73e8}.th-mega-image{flex:0 0 260px}.th-mega-image img{width:100%;height:180px;object-fit:cover;border-radius:14px}.th-hamburger{font-size:26px;color:#fff;cursor:pointer;display:none;margin-left:auto}.th-mobile-menu{position:fixed;inset:0;background:#0a2a4a;color:#fff;transform:translateX(100%);transition:0.3s ease;z-index:99999}.th-mobile-menu.active{transform:translateX(0)}.th-mobile-header{padding:16px;font-size:20px;font-weight:700;border-bottom:1px solid rgb(255 255 255 / .15);text-align:right;cursor:pointer}.th-mobile-main{list-style:none;padding:0;margin:0}.th-mobile-main li{padding:16px;border-bottom:1px solid rgb(255 255 255 / .15);font-size:16px;font-weight:600;cursor:pointer}.th-mobile-main a{color:#fff;text-decoration:none}.th-mobile-sub{display:none;padding:16px}.th-mobile-sub a{display:block;padding:14px 0;color:#fff;text-decoration:none;border-bottom:1px solid rgb(255 255 255 / .15);font-weight:600}.th-back{margin-bottom:14px;font-weight:700;cursor:pointer}@media (max-width:768px){.th-hamburger{display:block}.th-nav{display:none}}@media (min-width:769px){.th-mobile-menu{display:none!important}}.th-hero{width:100%;overflow:hidden}.th-hero-slider{position:relative;width:100%;height:360px}.th-hero-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;animation:thHeroFade 9s infinite;z-index:1}.th-hero-slide-first{opacity:1;z-index:1}.th-hero-slide:nth-of-type(1){animation-delay:0s}.th-hero-slide:nth-of-type(2){animation-delay:3s}.th-hero-slide:nth-of-type(3){animation-delay:6s}@keyframes thHeroFade{0%{opacity:0}5%{opacity:1}30%{opacity:1}35%{opacity:0}100%{opacity:0}}.th-hero-overlay{position:absolute;inset:0;z-index:2;background:linear-gradient(to bottom,rgb(0 0 0 / .55),rgb(0 0 0 / .45));color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:0 20px}.th-hero-offer{font-size:18px;margin-bottom:8px}.th-hero-title{font-size:46px;font-weight:800;margin-bottom:10px}.th-hero-yellow{color:#ffc107}.th-hero-price{font-size:18px;margin-bottom:20px}.th-hero-price del{opacity:.8;margin-right:6px}.th-hero-btn{background:#ff7a00;color:#fff;padding:14px 34px;border-radius:30px;font-weight:700;text-decoration:none;font-size:16px}@media(max-width:768px){.th-hero{display:none}}.mobile-hero{display:none!important}@media (max-width:768px){.mobile-hero{display:block!important;margin:14px;padding:22px 18px;background:#0a3d62;border-radius:18px;color:#fff;text-align:center;box-shadow:0 10px 28px rgb(0 0 0 / .25)}.mobile-hero h1{font-size:22px;font-weight:800;margin-bottom:10px;line-height:1.3}.mobile-hero .cities{font-size:14px;margin-bottom:8px}.mobile-hero .tour-types{font-size:14px;margin-bottom:16px;line-height:1.4}.btn-wa-big,.btn-call-big{display:block;width:100%;padding:15px 0;border-radius:12px;font-size:16px;font-weight:700;text-decoration:none;margin-bottom:12px;color:#fff}.btn-wa-big{background:#25d366}.btn-call-big{background:#1a73e8}.trust-line{font-size:12px;margin-top:10px;opacity:.95}.slide-up-on-load{transform:translateY(120px);opacity:0;transition:transform 0.6s ease-out,opacity 0.6s ease-out}.slide-up-on-load.show{transform:translateY(0);opacity:1}}.mobile-quick-packages{display:none!important}@media screen and (max-width:768px){.mobile-quick-packages{display:block!important;padding:0 14px 20px;background:#f5f7fb}.quick-title{font-size:18px;font-weight:800;margin:16px 0 12px;color:#000}.quick-card{background:#fff;border-radius:16px;padding:14px;margin-bottom:14px;box-shadow:0 8px 22px rgb(0 0 0 / .12)}.quick-card h3{font-size:16px;font-weight:800;margin-bottom:6px;color:#000}.quick-card p{font-size:14px;margin:4px 0;color:#333;display:flex;align-items:center;gap:6px}.quick-actions{display:flex;gap:10px;margin-top:12px}.quick-wa,.quick-call{flex:1;text-align:center;padding:11px 0;border-radius:12px;font-weight:700;font-size:14px;text-decoration:none;color:#fff}.quick-wa{background:#25d366}.quick-call{background:#1a73e8}}.wrapper{display:flex;gap:20px;padding:20px}.filters h3{margin-bottom:10px}.filters h4{margin:14px 0 6px}.filters label{display:block;font-size:14px;margin-bottom:6px;cursor:pointer}.filters{width:260px;background:#fff;padding:18px;border-radius:16px;box-shadow:0 8px 24px rgb(0 0 0 / .08);position:sticky;top:120px;height:auto;align-self:flex-start}.hx-booking-flow{position:relative;width:100vw;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);background:#111;padding:30px 20px 36px}.tours{flex:1}.tour-card{display:flex;gap:16px;background:#fff;margin-bottom:18px;border-radius:16px;box-shadow:0 8px 22px rgb(0 0 0 / .12);overflow:hidden}.tour-img{width:280px;position:relative}.tour-img img{width:100%;height:100%;object-fit:cover}.days{position:absolute;bottom:8px;left:8px;background:#000;color:#fff;font-size:12px;padding:4px 8px;border-radius:6px}.tour-info{flex:1;padding:14px 0}.tour-title{font-weight:800;font-size:16px;margin-bottom:6px}.tour-route,.tour-high{font-size:14px;margin-bottom:4px}.tour-action{width:220px;padding:14px;border-left:1px solid #eee}.price del{font-size:13px;color:#777}.off{color:#e53935;font-size:13px;margin-left:6px}.final{font-size:20px;font-weight:800;margin:6px 0}.btn-wa,.btn-enq{display:block;text-align:center;padding:10px;border-radius:10px;margin-bottom:8px;text-decoration:none;font-weight:700;color:#fff}.btn-wa{background:#25d366}.btn-enq{background:#1a73e8}.view{display:block;margin-top:6px;font-size:14px;color:#1a73e8;text-decoration:none}.top-bar{display:none}.filter-drawer{display:none}body{background:#f4f6f8}.wrapper{display:flex;gap:24px;align-items:flex-start;position:relative;width:100%}.filters{width:260px;background:#fff;padding:18px;border-radius:16px;box-shadow:0 8px 24px rgb(0 0 0 / .08)}.wrapper{display:flex;gap:24px;align-items:flex-start;position:relative}.filters h3{font-size:18px;margin-bottom:12px;font-weight:800}.filters h4{font-size:15px;margin:16px 0 8px;font-weight:700}.filters label{display:flex;align-items:center;gap:8px;font-size:14px;margin-bottom:6px;cursor:pointer}.tours{flex:1;display:flex;flex-direction:column;gap:18px}.tours{flex:1;position:relative}.tour-card{display:flex;gap:18px;background:#fff;border-radius:18px;padding:16px;box-shadow:0 8px 24px rgb(0 0 0 / .08)}.tour-img{width:260px;position:relative;border-radius:14px;overflow:hidden}.tour-img img{width:100%;height:100%;object-fit:cover}.days{position:absolute;bottom:8px;left:8px;background:#000;color:#fff;font-size:12px;padding:4px 10px;border-radius:12px}.tour-info{flex:1}.tour-title{font-size:16px;font-weight:800;margin-bottom:4px}.tour-route{font-size:14px;color:#444;margin-bottom:4px}.tour-high{font-size:13px;color:#666}.tour-action{width:220px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:14px;border-left:1px solid #eee}.price{margin-bottom:12px}.price del{display:block;font-size:13px;color:#888}.off{font-size:13px;color:#2e7d32;margin-left:4px}.final{font-size:22px;font-weight:800;margin-top:4px}.btn-wa,.btn-enq{display:block;width:100%;max-width:180px;text-align:center;padding:10px;border-radius:10px;margin-bottom:10px;font-weight:700;text-decoration:none;color:#fff}.btn-wa{background:#2ecc71}.btn-enq{background:#ff9800}.view{margin-top:4px;font-size:14px;font-weight:600;color:#1a73e8;text-decoration:none}.top-bar{display:none}.filter-drawer{display:none}@media (max-width:768px){.wrapper{flex-direction:column;padding:0}.filters{display:none}.top-bar{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;background:#fff;position:sticky;top:0;z-index:50;box-shadow:0 4px 12px rgb(0 0 0 / .12)}.top-count{font-size:14px;font-weight:700}.chip{background:#1a73e8;color:#fff;padding:6px 12px;border-radius:20px;font-size:13px;cursor:pointer}.tour-card{flex-direction:column;margin:14px}.tour-img{width:100%;height:200px}.tour-action{width:100%;align-items:flex-start;text-align:left;border-left:none;padding:0;margin-top:10px}.btn-wa,.btn-enq{max-width:none;flex:1}.filter-drawer{display:block;position:fixed;bottom:-100%;left:0;width:100%;height:80%;background:#fff;z-index:100;padding:16px;border-radius:16px 16px 0 0;box-shadow:0 -6px 20px rgb(0 0 0 / .25);transition:bottom 0.3s ease;overflow:auto}.filter-drawer.active{bottom:0}.drawer-header{display:flex;justify-content:space-between;font-weight:800;margin-bottom:10px}.close-btn{cursor:pointer;color:#e53935}}.hx-booking-flow{padding:60px 20px;background:radial-gradient(circle at top,#1a1a1a,#000)}.hx-booking-title{text-align:center;font-size:28px;font-weight:700;color:#fff;margin-bottom:40px}.hx-booking-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;max-width:1100px;margin:0 auto}.hx-step-card{background:#fff;border-radius:18px;height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;box-shadow:0 12px 28px rgb(0 0 0 / .35);transition:transform .25s ease,box-shadow .25s ease;cursor:default}.hx-step-card img{width:46px;height:46px}.hx-step-card p{margin:0;font-size:17px;font-weight:600;color:#000;text-align:center}.hx-step-card:hover{transform:translateY(-6px);box-shadow:0 16px 36px rgb(0 0 0 / .45)}@media (max-width:768px){.hx-booking-steps{grid-template-columns:1fr;max-width:360px}.hx-step-card{height:150px}}@keyframes hx-shake{0%{transform:translateX(0)}20%{transform:translateX(-2px)}40%{transform:translateX(2px)}60%{transform:translateX(-2px)}80%{transform:translateX(2px)}100%{transform:translateX(0)}}.hx-why-card:hover{animation:hx-shake 0.35s ease-in-out}.hx-why-card{transition:box-shadow .25s ease}.hx-why-card:hover{box-shadow:0 14px 34px rgb(0 0 0 / .12)}.hx-why{background:#fff;padding:60px 20px 70px;text-align:center;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}.hx-why-title{font-size:30px;font-weight:700;color:#d60000;margin-bottom:42px;letter-spacing:.2px}.hx-why-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:26px;max-width:1200px;margin:0 auto}.hx-why-card{background:#fff;border-radius:16px;padding:34px 18px;box-shadow:0 8px 22px rgb(0 0 0 / .07);transition:box-shadow .25s ease}.hx-why-card:hover{box-shadow:0 12px 30px rgb(0 0 0 / .1)}.hx-why-number{font-size:34px;font-weight:700;color:#222;margin-bottom:10px;letter-spacing:.3px}.hx-why-text{font-size:14px;font-weight:500;color:#2b5cff;line-height:1.5}@media (max-width:1024px){.hx-why-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.hx-why{padding:48px 16px 54px}.hx-why-title{font-size:24px;margin-bottom:32px}.hx-why-grid{grid-template-columns:repeat(2,1fr);gap:18px}.hx-why-number{font-size:28px}.hx-why-text{font-size:13px}}@media (max-width:420px){.hx-why-grid{grid-template-columns:1fr}}.hx-testimonial{background:#f7f8fa;padding:70px 20px;text-align:center;overflow:hidden}.hx-rating-line{font-size:15px;color:#333;margin-bottom:14px}.hx-rating-line span{color:#1a73e8;font-weight:600}.hx-testimonial-title{font-size:32px;font-weight:800;color:#111;margin-bottom:40px}.hx-testimonial-slider{max-width:1100px;margin:0 auto;position:relative;overflow:hidden}.hx-testimonial-track{display:flex;transition:transform .6s ease}.hx-testimonial-card{min-width:33.333%;padding:0 12px;box-sizing:border-box}.hx-testimonial-card>div,.hx-testimonial-card p{background:#fff;border-radius:18px;padding:26px 22px;box-shadow:0 10px 28px rgb(0 0 0 / .08)}.hx-testimonial-text{font-family:"Georgia","Times New Roman",serif;font-size:17px;line-height:1.8;color:#2b2b2b;margin-bottom:28px;font-style:italic;position:relative;padding-left:26px}.hx-testimonial-text::before{content:"“";position:absolute;left:0;top:-6px;font-size:36px;color:#ff9800;font-weight:700}@media(max-width:768px){.hx-testimonial-text{font-size:15.5px;line-height:1.7;padding-left:22px}}.hx-testimonial-user{display:flex;align-items:center;gap:12px}.hx-testimonial-user img{width:46px;height:46px;border-radius:50%}.hx-testimonial-user strong{display:block;font-size:14px;color:#111}.hx-testimonial-user span{font-size:13px;color:#777}.hx-testimonial-dots{margin-top:26px;display:flex;justify-content:center;gap:8px}.hx-testimonial-dots span{width:10px;height:10px;background:#ccc;border-radius:50%;cursor:pointer;transition:background .3s ease}.hx-testimonial-dots span.active{background:#1a73e8}@media (max-width:1024px){.hx-testimonial-card{min-width:50%}}@media (max-width:768px){.hx-testimonial{padding:50px 16px}.hx-testimonial-title{font-size:24px;margin-bottom:30px}.hx-testimonial-card{min-width:100%}.hx-testimonial-text{font-size:14px}}.hx-faq{max-width:1200px;margin:80px auto;padding:0 20px}.hx-faq-title{text-align:center;font-size:30px;font-weight:700;margin-bottom:15px}.hx-faq-intro{max-width:900px;margin:0 auto 40px;text-align:center;color:#555;line-height:1.7}.hx-faq-grid{max-width:900px;margin:0 auto}.hx-faq-item{background:#fff;border-radius:12px;margin-bottom:14px;box-shadow:0 6px 18px rgb(0 0 0 / .06);overflow:hidden;transition:all .3s ease}.hx-faq-question{width:100%;padding:18px 20px;background:none;border:none;font-size:16px;font-weight:600;text-align:left;display:flex;justify-content:space-between;align-items:center;cursor:pointer}.hx-faq-question span{font-size:22px;font-weight:700;transition:transform .3s ease}.hx-faq-answer{max-height:0;overflow:hidden;padding:0 20px;color:#444;line-height:1.7;transition:max-height .4s ease,padding .3s ease}.hx-faq-item.open .hx-faq-answer{max-height:500px;padding:0 20px 18px}.hx-faq-item.open .hx-faq-question span{transform:rotate(45deg)}.hx-faq-item.hidden{display:none}.hx-faq-item.hidden.show{display:block}.hx-faq-more-wrap{text-align:center;margin-top:30px}.hx-faq-more-btn{background:#1a73e8;color:#fff;border:none;padding:12px 28px;border-radius:25px;font-weight:600;cursor:pointer}.hx-seo-links{background:#f9f9f9;padding:60px 20px}.hx-seo-title{text-align:center;font-size:26px;margin-bottom:40px}.hx-seo-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px}.hx-seo-col h4{font-size:16px;margin-bottom:12px}.hx-seo-col a{display:block;font-size:14px;color:#1a73e8;margin-bottom:8px;text-decoration:none}.hx-seo-col a:hover{text-decoration:underline}.hx-faq-item.hidden{display:none}.hx-faq-item.hidden.show{display:block}.hx-faq-answer{max-height:0;overflow:hidden;transition:all 0.35s ease;opacity:0}.hx-faq-item.open .hx-faq-answer{max-height:500px;opacity:1}.hx-faq-question span{font-size:22px;font-weight:700}.hx-footer{background:#0b2d4f;color:#fff;padding:60px 20px 20px;font-family:system-ui,-apple-system,BlinkMacSystemFont}.hx-footer-inner{max-width:1200px;margin:auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px}.hx-footer-col h4{font-size:16px;margin-bottom:15px;font-weight:700}.hx-footer-col a{display:block;color:#cfd8e3;text-decoration:none;margin-bottom:8px;font-size:14px}.hx-footer-col a:hover{color:#fff}.hx-footer-brand p{font-size:14px;line-height:1.6;color:#cfd8e3}.hx-footer-logo{font-size:22px;font-weight:800;margin-bottom:12px}.hx-footer-rating{margin-top:12px;font-size:14px;color:#ffd166}.hx-footer-social{margin-top:15px}.hx-footer-social a{display:inline-flex;width:36px;height:36px;background:#143f6b;border-radius:50%;align-items:center;justify-content:center;margin-right:8px;color:#fff;text-decoration:none;font-size:14px}.hx-footer-social a:hover{background:#1a73e8}.hx-footer-col p{font-size:14px;margin-bottom:10px;color:#cfd8e3}.hx-footer-bottom{text-align:center;margin-top:40px;padding-top:20px;border-top:1px solid rgb(255 255 255 / .15);font-size:13px;color:#cfd8e3}@media(max-width:900px){.hx-footer-inner{grid-template-columns:1fr 1fr}}@media(max-width:600px){.hx-footer-inner{grid-template-columns:1fr}.hx-footer{text-align:left}}.hx-side-cta{position:fixed;right:18px;bottom:90px;display:flex;flex-direction:column;gap:14px;z-index:9999}.hx-side-cta a{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 25px rgb(0 0 0 / .25);transition:transform .25s ease,box-shadow .25s ease}.hx-side-cta a:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 15px 30px rgb(0 0 0 / .35)}.hx-side-wa{background:#25D366}.hx-side-wa img{width:30px;height:30px}.hx-side-call{background:#1a73e8}.hx-side-call img{width:26px;height:26px}@media(max-width:768px){.hx-side-cta{right:14px;bottom:80px}.hx-side-cta a{width:52px;height:52px}}.hx-side-wa{position:relative}.hx-side-wa::after{content:"";position:absolute;width:100%;height:100%;border-radius:50%;background:rgb(37 211 102 / .5);animation:waPulse 2s infinite;z-index:-1}@keyframes waPulse{0%{transform:scale(1);opacity:.6}70%{transform:scale(1.6);opacity:0}100%{opacity:0}}.hx-side-cta a::before{content:attr(aria-label);position:absolute;right:70px;background:#000;color:#fff;padding:6px 10px;font-size:12px;border-radius:6px;white-space:nowrap;opacity:0;pointer-events:none;transform:translateY(4px);transition:.25s ease}.hx-side-cta a:hover::before{opacity:1;transform:translateY(0)}#popupOverlay{position:fixed;inset:0;background:rgb(0 0 0 / .75);display:none;align-items:center;justify-content:center;z-index:99999;padding:15px}.popup-box{width:100%;max-width:360px;background:linear-gradient(180deg,#0b57d0,#004aad);border-radius:20px;padding:14px;position:relative;box-shadow:0 0 0 3px #00c6ff,0 25px 60px rgb(0 0 0 / .45)}#closePopup{position:absolute;top:10px;right:10px;width:30px;height:30px;border-radius:50%;border:none;background:#fff;font-size:18px;font-weight:700;cursor:pointer}.popup-header{background:#1c2d90;border-radius:14px;padding:14px;text-align:center;margin-bottom:14px}.popup-title{color:#ffd400;font-size:15px;font-weight:800;line-height:1.3}.popup-title span{color:#fff}.popup-subtitle{color:#e7f1ff;font-size:12px;margin-top:6px}#dealForm input,#dealForm select{width:100%;padding:14px;border-radius:10px;border:none;margin-bottom:12px;font-size:14px;outline:none}.popup-note{font-size:11px;color:#e7f1ff;text-align:center;margin-bottom:8px}.popup-consent{font-size:11px;color:#e7f1ff;text-align:center}.popup-consent a{color:#fff;text-decoration:underline}.submit-btn{width:100%;padding:15px;background:linear-gradient(180deg,#ffb300,#ff9800);border:none;border-radius:14px;font-size:16px;font-weight:800;color:#fff;margin-top:10px;cursor:pointer}#popupSuccess{display:none;text-align:center;padding:25px 15px;color:#fff}.tour-img img{width:100%;height:auto;display:block}@media (max-width:768px){.tour-card{margin-bottom:20px}}@media (max-width:768px){.th-mobile-menu .th-mobile-sub a,.th-mobile-menu .th-mobile-main a{display:block;color:#fff;padding:12px 16px;text-decoration:none;transition:color 0.2s ease,background-color 0.2s ease}.th-mobile-menu .th-mobile-sub a:hover,.th-mobile-menu .th-mobile-sub a:active,.th-mobile-menu .th-mobile-main a:hover,.th-mobile-menu .th-mobile-main a:active{color:#ffd200;background-color:rgb(255 210 0 / .12)}}@media (max-width:768px){.th-mobile-menu{height:100vh;overflow:hidden}.th-mobile-sub,.th-mobile-main{height:calc(100vh - 50px);overflow-y:auto;-webkit-overflow-scrolling:touch}}.th-logo{display:flex;align-items:center}.th-logo a{display:inline-flex;align-items:center}.th-logo img{height:72px;width:auto;display:block;image-rendering:auto;-webkit-font-smoothing:antialiased}.th-header{height:76px;display:flex;align-items:center}@media (max-width:768px){.th-logo img{height:52px}.th-mobile-header{height:64px;display:flex;align-items:center}}@media (max-width:768px){.hero-card{background:linear-gradient(180deg,#0c3a5d 0%,#0a2f4a 100%)}.hero-card h1{line-height:1.3;margin-bottom:12px}}.th-mega-menu .th-mega-links{max-height:360px!important;overflow-y:auto!important;overflow-x:hidden!important}.th-topbar{display:flex}@media (max-width:768px){.th-topbar{display:none}}[onclick],.card button,.card a,.card div{cursor:pointer}.btn-wa,.btn-enq,.view{transition:all 0.25s ease}.btn-wa:hover{background-color:#25D366;filter:brightness(.95)}.btn-enq:hover{background-color:#ff8c00;filter:brightness(.95)}.view:hover{color:#0056ff;text-decoration:underline}.btn-wa:hover,.btn-enq:hover{transform:translateY(-1px)}

/* ===== style1.css ===== */

/* ===== HERO VISIBILITY ===== */
.th-hero-desktop { display: block; }
.th-hero-mobile { display: none; }

/* ===== HERO VISIBILITY ===== */
.th-hero-desktop { display: block; }
.th-hero-mobile { display: none; }

/* ===== DESKTOP HERO ===== */
.th-hero {
  position: relative;
}

.th-hero-slider {
  position: relative;
  height: 750px;
  overflow: hidden;
}

.th-hero-slide {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  animation: heroFade 15s infinite;
}

.slide-1 { animation-delay: 0s; }
.slide-2 { animation-delay: 5s; }
.slide-3 { animation-delay: 10s; }

@keyframes heroFade {
  0% { opacity: 0; }
  10% { opacity: 1; }
  30% { opacity: 1; }
  40% { opacity: 0; }
  100% { opacity: 0; }
}

/* OVERLAY */
.th-hero-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    90deg,
    rgba(0,0,0,0.65),
    rgba(0,0,0,0.2)
  );
  padding: 0 80px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #fff;
  z-index: 2;
}

.th-hero-offer {
  background: #ff8c00;
  padding: 8px 16px;
  border-radius: 30px;
  width: fit-content;
  font-size: 14px;
  margin-bottom: 18px;
}

.th-hero-title {
  font-size: 52px;
  font-weight: 800;
  margin-bottom: 14px;
}

.th-hero-title span {
  color: #ffcc00;
}

.th-hero-desc {
  font-size: 18px;
  line-height: 1.6;
  margin-bottom: 26px;
}

.th-hero-btn {
  background: #ff8c00;
  color: #fff;
  padding: 14px 30px;
  border-radius: 30px;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  width: fit-content;
  transition: transform .2s ease, box-shadow .2s ease;
}

.th-hero-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 25px rgba(0,0,0,.3);
}

.th-hero-trust {
  margin-top: 16px;
  font-size: 14px;
  opacity: .9;
}

/* ===== MOBILE HERO ===== */
/* =====================================================
   MOBILE HERO SLIDER – SWIPER READY
/* =====================================================
   MOBILE HERO SLIDER – FINAL VERSION
===================================================== */

@media (max-width: 768px) {

  /* Hide desktop hero */
  .th-hero-desktop {
    display: none;
  }

  /* Mobile hero wrapper */
  .th-hero-mobile {
    display: block;
    position: relative;
    width: 100%;
    overflow: hidden;
  }

  /* Swiper container */
  .th-hero-mobile-slider {
    position: relative;
    width: 100%;
   
  }

  /* Swiper slides */
  .swiper-slide {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
  }

  /* Slide images */
  .swiper-slide img {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }

  /* =====================================================
     OVERLAY CONTENT (FINAL FIX)
  ===================================================== */
 .th-hero-mobile-overlay {
  position: absolute;
  inset: 0;
  z-index: 10;

  display: flex;
  flex-direction: column;
  justify-content: flex-start;   /* TOP POSITION */
  align-items: center;
  text-align: center;

  padding: 16px;
  padding-top: 18vh;             /* 👈 ADJUST THIS */
  box-sizing: border-box;

  color: #ffffff;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.50),
    rgba(0, 0, 0, 0.20)
  );
}


  /* Offer badge */
  .th-mobile-offer {
    background: #ff8c00;
    padding: 6px 14px;
    border-radius: 20px;
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 10px;
  }

  /* Main title (responsive) */
  .th-mobile-title {
    font-size: clamp(20px, 6vw, 26px);
    font-weight: 700;
    line-height: 1.25;
    margin-bottom: 8px;
  }

  .th-mobile-title span {
    color: #ffcc00;
  }

  /* Subtitle (responsive) */
  .th-mobile-text {
    font-size: clamp(13px, 4vw, 15px);
    line-height: 1.5;
    margin-bottom: 14px;
    opacity: 0.95;
  }

  /* CTA button */
  .th-mobile-btn {
    background: #ff8c00;
    color: #ffffff;
    padding: 12px 26px;
    border-radius: 25px;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    display: inline-block;
    transition: transform 0.2s ease;
  }

  .th-mobile-btn:active {
    transform: scale(0.96);
  }

  /* Trust text */
  .th-hero-trust {
    margin-top: 10px;
    font-size: 12px;
    opacity: 0.9;
  }

}
.th-hero-mobile-slider {
  height: 72svh;  /* small viewport height */
  
  
}

/* =====================================
   MOBILE HEADER – TRANSPARENT OVER HERO
===================================== */
@media (max-width: 768px) {

  /* Header background transparent */
  .th-header {
    background: transparent !important;
    box-shadow: none !important;

    position: absolute;   /* overlay on slider */
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;         /* above slider */
  }

  /* Logo & menu icon color */
  .th-header a,
  .th-header i,
  .th-header svg {
    color: #ffffff !important;
    fill: #ffffff !important;
  }

}


    /* ================= COMMON BUTTON BEHAVIOR ================= */
.btn-wa-big,
.btn-call-big,
.quick-wa,
.quick-call {
  cursor: pointer;
  transition: all 0.25s ease;
  text-decoration: none;
}

/* ================= HERO BIG BUTTONS ================= */

/* WhatsApp big */
.btn-wa-big {
  background-color: #25D366;
  color: #ffffff;
}

.btn-wa-big:hover {
  background-color: #1ebe5d;
  transform: translateY(-2px);
}

/* Call Now big */
.btn-call-big {
  background-color: #1e6fe8;
  color: #ffffff;
}

.btn-call-big:hover {
  background-color: #155dcc;
  transform: translateY(-2px);
}

/* ================= QUICK PACKAGE BUTTONS ================= */

/* WhatsApp small */
.quick-wa {
  background-color: #25D366;
  color: #ffffff;
}

.quick-wa:hover {
  background-color: #1ebe5d;
}

/* Call Now small */
.quick-call {
  background-color: #1e6fe8;
  color: #ffffff;
}

.quick-call:hover {
  background-color: #155dcc;
}

/* ================= TAP / CLICK FEEDBACK ================= */
.btn-wa-big:active,
.btn-call-big:active,
.quick-wa:active,
.quick-call:active {
  transform: translateY(0);
  opacity: 0.9;
}

.hx-side-cta {
  position: fixed;
  right: 18px;
  bottom: 18px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  z-index: 9999;
}

.hx-side-wa,
.hx-side-call {
  width: 54px;
  height: 54px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 6px 18px rgba(0,0,0,0.25);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.hx-side-wa {
  background: #25D366;
}

.hx-side-call {
  background: #1e6fe8;
}

.hx-side-wa:hover,
.hx-side-call:hover {
  transform: scale(1.1);
  box-shadow: 0 10px 24px rgba(0,0,0,0.35);
}
/* ================= QUICK PACKAGES CARDS ================= */

.quick-card {
  background: #ffffff;
  border-radius: 14px;
  padding: 16px;
  margin-bottom: 16px;
  box-shadow: 0 6px 16px rgba(0,0,0,0.08);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

/* Card hover (desktop) */
.quick-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 26px rgba(0,0,0,0.15);
}

/* ================= QUICK ACTION BUTTONS ================= */

.quick-actions {
  display: flex;
  gap: 10px;
  margin-top: 12px;
}

.quick-wa,
.quick-call {
  flex: 1;
  text-align: center;
  padding: 12px 0;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.25s ease;
}

/* WhatsApp button */
.quick-wa {
  background: #25D366;
  color: #ffffff;
}

.quick-wa:hover {
  background: #1ebe5d;
  box-shadow: 0 6px 14px rgba(37,211,102,0.35);
}

/* Call button */
.quick-call {
  background: #1e6fe8;
  color: #ffffff;
}

.quick-call:hover {
  background: #155dcc;
  box-shadow: 0 6px 14px rgba(30,111,232,0.35);
}

/* Tap feedback (mobile) */
.quick-wa:active,
.quick-call:active {
  transform: scale(0.97);
  opacity: 0.9;
}
/* ===== TOP OFFERS (hx-to) ===== */
.hx-to-section {
  padding: 50px 20px;
  background: #ffffff;
  margin-top:0px;
}

.hx-to-title {
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 22px;
}

/* SLIDER */
.hx-to-slider {
  overflow: hidden;
}

.hx-to-track {
  display: flex;
  gap: 16px;
  transition: transform 0.6s ease;
}

/* CARD */
.hx-to-card {
  position: relative;
  min-width: 260px;
  height: 380px;
  border-radius: 18px;
  overflow: hidden;
  flex-shrink: 0;
  box-shadow: 0 10px 28px rgba(0,0,0,0.15);
}

.hx-to-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* TEXT OVERLAY */
.hx-to-text {
  position: absolute;
  bottom: 24px;
  left: 20px;
  color: #ffffff;
  font-size: 22px;
  font-weight: 800;
  text-transform: uppercase;
}

.hx-to-text-small {
  font-size: 18px;
}

.hx-to-text-light {
  color: #111111;
}

.hx-to-text span,
.hx-to-text small {
  display: block;
  font-size: 13px;
  font-weight: 600;
  margin-top: 6px;
}

/* BADGE */
.hx-to-badge {
  position: absolute;
  top: 14px;
  left: 14px;
  background: #ff7a00;
  color: #ffffff;
  font-size: 13px;
  font-weight: 700;
  padding: 6px 12px;
  border-radius: 20px;
  z-index: 2;
}

/* DESKTOP */
@media (min-width: 769px) {
  .hx-to-card {
    min-width: 280px;
  }
}

/* MOBILE */
@media (max-width: 768px) {
  .hx-to-card {
    min-width: 100%;
    height: 340px;
  }
}

/* ===== DESTINATION CIRCLES ===== */
.hx-dc-section {
  padding: 40px 10px;
  background: #ffffff;
  margin-top"-80px
}

.hx-dc-wrap {
  display: flex;
  justify-content: center;
  gap: 40px;
  flex-wrap: wrap;
}

/* ITEM */
.hx-dc-item {
  text-align: center;
}

/* CIRCLE */
.hx-dc-circle {
  width: 140px;
  height: 140px;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
  box-shadow: 0 10px 22px rgba(0,0,0,0.18);
}

.hx-dc-circle img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* OVERLAY TEXT */
.hx-dc-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.6), rgba(0,0,0,0.15));
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  font-weight: 700;
}

.hx-dc-overlay strong {
  font-size: 16px;
}

.hx-dc-overlay span {
  font-size: 13px;
  opacity: 0.95;
}

/* ===== DESKTOP ===== */
@media (min-width: 769px) {
  .hx-dc-circle {
    width: 150px;
    height: 150px;
  }
}

/* ===== MOBILE ===== */
@media (max-width: 768px) {
  .hx-dc-wrap {
    gap: 20px;
  }

  .hx-dc-item {
    width: 45%;
    display: flex;
    justify-content: center;
  }

  /* Center last item */
  .hx-dc-item:last-child {
    width: 100%;
  }

  .hx-dc-circle {
    width: 150px;
    height: 150px;
  }
}
/* ===== TOP DESTINATIONS ===== */
.hx-td-section {
  padding: 40px 20px;
  background: #ffffff;
  margin-top:-80px;
}

.hx-td-title {
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 18px;
}

/* MAIN GRID */
.hx-td-grid {
  display: grid;
  grid-template-columns: 1.25fr 2fr;
  gap: 20px;
  align-items: stretch;
}

/* ===== LEFT BIG IMAGE (FIXED HEIGHT) ===== */
.hx-td-item-big {
  position: relative;
  border-radius: 18px;
  overflow: hidden;
  height: 380px;            /* 🔥 CONTROL HEIGHT HERE */
}

.hx-td-item-big img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* ===== RIGHT GRID ===== */
.hx-td-subgrid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-auto-rows: 180px;    /* 🔥 BALANCED CARD HEIGHT */
  gap: 14px;
}

/* CARD */
.hx-td-item {
  position: relative;
  border-radius: 14px;
  overflow: hidden;
}

.hx-td-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* LABEL */
.hx-td-label {
  position: absolute;
  bottom: 10px;
  left: 10px;
  background: rgba(0,0,0,0.65);
  color: #fff;
  font-size: 13px;
  padding: 6px 12px;
  border-radius: 20px;
  font-weight: 600;
}

/* VIEW ALL */
.hx-td-viewall {
  align-self: center;
  font-size: 15px;
  font-weight: 600;
  color: #1e6fe8;
}

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

  .hx-td-grid {
    grid-template-columns: 1fr;
  }

  /* Big image on top */
  .hx-td-item-big {
    height: 220px;
  }

  /* 2 images per row */
  .hx-td-subgrid {
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: 150px;
  }

  .hx-td-viewall {
    grid-column: span 2;
    text-align: center;
  }
}
/* ===== POPULAR PACKAGES ===== */
.hx-pp-section {
  padding: 40px 20px;
  background: #fff;
  margin-top:-80px;
}

.hx-pp-title {
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 20px;
 
}

/* WRAPPER */
.hx-pp-wrapper {
  position: relative;
  display: flex;
  align-items: center;
}

/* SLIDER */
.hx-pp-slider {
  overflow: hidden;
  width: 100%;
}

.hx-pp-track {
  display: flex;
  gap: 16px;
  transition: transform 0.6s ease;
}

/* CARD */
.hx-pp-card {
  min-width: 260px;
  height: 160px;
  position: relative;
  border-radius: 16px;
  overflow: hidden;
  flex-shrink: 0;
}

.hx-pp-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.hx-pp-card span {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  background: rgba(0,0,0,0.35);
}

/* NAV BUTTONS */
.hx-pp-nav {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: none;
  background: #fff;
  box-shadow: 0 4px 12px rgba(0,0,0,0.2);
  cursor: pointer;
  font-size: 20px;
  z-index: 2;
}

.hx-pp-prev { margin-right: 10px; }
.hx-pp-next { margin-left: 10px; }

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

  .hx-pp-card {
    min-width: 100%;
    height: 200px;
  }

  .hx-pp-prev,
  .hx-pp-next {
    display: none;
  }
}
/* ===== INDIA TOP TOUR PACKAGES ===== */
.hx-itp-section {
  padding: 40px 20px;
  background: #ffffff;
}

.hx-itp-title {
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 20px;
}

/* WRAPPER */
.hx-itp-wrapper {
  position: relative;
  display: flex;
  align-items: center;
}

/* SLIDER */
.hx-itp-slider {
  overflow: hidden;
  width: 100%;
}

.hx-itp-track {
  display: flex;
  gap: 16px;
  transition: transform 0.6s ease;
}

/* CARD */
.hx-itp-card {
  min-width: 260px;
  height: 160px;
  position: relative;
  border-radius: 16px;
  overflow: hidden;
  flex-shrink: 0;
}

.hx-itp-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.hx-itp-card span {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-size: 20px;
  font-weight: 700;
  background: rgba(0,0,0,0.35);
}

/* NAV BUTTONS */
.hx-itp-nav {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: none;
  background: #ffffff;
  box-shadow: 0 4px 12px rgba(0,0,0,0.2);
  cursor: pointer;
  font-size: 20px;
  z-index: 2;
}

.hx-itp-prev { margin-right: 10px; }
.hx-itp-next { margin-left: 10px; }

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

  .hx-itp-card {
    min-width: 100%;
    height: 200px;
  }

  .hx-itp-prev,
  .hx-itp-next {
    display: none;
  }
}
/* =====================================================
   INDIA TOP TOUR PACKAGES – FINAL STABLE CSS
   ===================================================== */

#hxIndiaTopPackages {
  width: 100%;
  overflow: hidden;
  margin-top:-80px;
}

/* WRAPPER */
#hxIndiaTopPackages .hx-itp-wrapper {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  overflow: hidden;
}

/* SLIDER VIEWPORT */
#hxIndiaTopPackages .hx-itp-slider {
  width: 100%;
  overflow: hidden;
}

/* TRACK – FORCE HORIZONTAL FLOW */
#hxIndiaTopPackages .hx-itp-track {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  gap: 16px;
  width: max-content;
  will-change: transform;
}

/* CARD – LOCK SIZE (CRITICAL) */
#hxIndiaTopPackages .hx-itp-card {
  width: 260px !important;
  min-width: 260px !important;
  max-width: 260px !important;

  height: 300px;
  flex: 0 0 auto !important;

  position: relative;
  border-radius: 20px;
  overflow: hidden;
  background: #000;
  box-shadow: 0 10px 24px rgba(0,0,0,0.22);
}

/* IMAGE */
#hxIndiaTopPackages .hx-itp-card img {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: cover;
}

/* TITLE OVERLAY (TOP) */
#hxIndiaTopPackages .hx-itp-card span {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;

  padding: 14px;
  font-size: 18px;
  font-weight: 600;
  color: #ffffff;
  pointer-events: none;

  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0.75),
    rgba(0,0,0,0.25),
    rgba(0,0,0,0)
  );
}

/* NAV BUTTONS */
#hxIndiaTopPackages .hx-itp-nav {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: none;
  background: #ffffff;
  box-shadow: 0 4px 12px rgba(0,0,0,0.2);
  cursor: pointer;
  font-size: 20px;
  z-index: 5;
  opacity: 0.9;
}

/* HOVER EFFECT (DESKTOP ONLY) */
@media (hover:hover) {
  #hxIndiaTopPackages .hx-itp-card img {
    transition: transform 0.4s ease;
  }
  #hxIndiaTopPackages .hx-itp-card:hover img {
    transform: scale(1.06);
  }
}

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

  #hxIndiaTopPackages .hx-itp-slider {
    width: 100%;
  }

  #hxIndiaTopPackages .hx-itp-track {
    width: 100%;
  }

  #hxIndiaTopPackages .hx-itp-card {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;

    height: 260px;
    margin-right: 0;
  }

  #hxIndiaTopPackages .hx-itp-prev,
  #hxIndiaTopPackages .hx-itp-next {
    display: none;
  }
}
/* ===== POPULAR RELIGIOUS PACKAGES ===== */

.popular-packages-section {
  padding: 40px 20px;
  background: #fff;
}

.popular-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 18px;
}

.popular-header h2 {
  font-size: 26px;
  font-weight: 700;
  margin: 0;
}

/* ARROWS */
.popular-arrows {
  display: flex;
  gap: 10px;
}

.arrow-btn {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: none;
  background: #f2f2f2;
  font-size: 22px;
  cursor: pointer;
  transition: all 0.25s ease;
}

.arrow-btn:hover {
  background: #1e6fe8;
  color: #fff;
}

/* SLIDER */
.popular-slider {
  display: flex;
  gap: 18px;
  overflow-x: auto;
  scroll-behavior: smooth;
  padding-bottom: 10px;
}

/* hide scrollbar */
.popular-slider::-webkit-scrollbar {
  display: none;
}
.popular-slider {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

/* CARD */
.popular-card {
  min-width: 240px;
  max-width: 240px;
  height: 170px;
  border-radius: 16px;
  overflow: hidden;
  position: relative;
  text-decoration: none;
  flex-shrink: 0;
  box-shadow: 0 6px 18px rgba(0,0,0,0.15);
  transition: transform 0.3s ease;
}

.popular-card:hover {
  transform: translateY(-6px);
}

/* IMAGE */
.popular-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* DARK OVERLAY */
.popular-card::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to top,
    rgba(0,0,0,0.6),
    rgba(0,0,0,0.15)
  );
}

/* TITLE */
.popular-card span {
  position: absolute;
  bottom: 14px;
  left: 14px;
  right: 14px;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  z-index: 2;
}

/* ===== MOBILE: FORCE ONLY 1 CARD VIEW ===== */
/* ===============================
   INDIA RELIGIOUS TOUR – MOBILE FIX
   =============================== */
@media (max-width: 768px) {

  /* target ONLY this section */
  .popular-packages-section .popular-slider {
    gap: 0;                         /* remove gap */
    scroll-snap-type: x mandatory;  /* snap slider */
  }

  .popular-packages-section .popular-card {
    min-width: 100%;                /* full width */
    max-width: 100%;
    height: 190px;                  /* stable height */
    scroll-snap-align: start;
  }

}



/* ===== INDIA TOURS SLIDER (UNIQUE) ===== */

.hx-itours-section {
  padding: 40px 20px;
  background: #fff;
}

.hx-itours-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 18px;
}

.hx-itours-header h2 {
  font-size: 26px;
  font-weight: 700;
  margin: 0;
}

/* ARROWS */
.hx-itours-arrows {
  display: flex;
  gap: 10px;
}

.hx-itours-arrow {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  border: none;
  background: #f2f2f2;
  font-size: 20px;
  cursor: pointer;
  transition: 0.25s ease;
}

.hx-itours-arrow:hover {
  background: #1e6fe8;
  color: #fff;
}

/* SLIDER */
.hx-itours-slider {
  display: flex;
  gap: 16px;
  overflow-x: auto;
  scroll-behavior: smooth;
  padding-bottom: 6px;
}

.hx-itours-slider::-webkit-scrollbar {
  display: none;
}

/* CARD */
.hx-itours-card {
  min-width: 190px;
  max-width: 190px;
  height: 130px;
  border-radius: 14px;
  overflow: hidden;
  position: relative;
  flex-shrink: 0;
  text-decoration: none;
  box-shadow: 0 6px 18px rgba(0,0,0,0.15);
}

.hx-itours-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* OVERLAY */
.hx-itours-card::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to top,
    rgba(0,0,0,0.65),
    rgba(0,0,0,0.15)
  );
}

.hx-itours-card span {
  position: absolute;
  bottom: 10px;
  left: 10px;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  z-index: 2;
}

/* ===== DESKTOP: SHOW ALL (NO SCROLL) ===== */
@media (min-width: 1024px) {
  .hx-itours-slider {
    overflow-x: visible;
    flex-wrap: wrap;
  }

  .hx-itours-arrows {
    display: none;
  }
}
/* ===== DESKTOP: CENTER ALIGN CARDS ===== */
@media (min-width: 1024px) {

  .hx-itours-slider {
    justify-content: center;   /* center all cards */
  }

}

/* ===== MOBILE: SHOW EXACTLY 1 CARD ===== */
@media (max-width: 768px) {

  .hx-itours-slider {
    gap: 0;                         /* remove gap causing half card */
    scroll-snap-type: x mandatory;  /* snap to card */
  }

  .hx-itours-card {
    min-width: 100%;
    max-width: 100%;
    height: 190px;
    scroll-snap-align: start;
  }

}
/* =====================================
   TOP OFFERS SECTION (UNIQUE)
   ===================================== */

.hx-topoffers-section {
  padding: 40px 20px;
  background: #fff;
}

/* HEADER */
.hx-topoffers-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 18px;
}

.hx-topoffers-header h2 {
  font-size: 26px;
  font-weight: 700;
  margin: 0;
}

/* ARROWS */
.hx-topoffers-arrows {
  display: flex;
  gap: 10px;
}

.hx-topoffers-arrow {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: none;
  background: #f2f2f2;
  font-size: 22px;
  cursor: pointer;
  transition: all 0.25s ease;
}

.hx-topoffers-arrow:hover {
  background: #1e6fe8;
  color: #fff;
}

/* SLIDER */
.hx-topoffers-slider {
  display: flex;
  gap: 18px;
  overflow-x: auto;
  scroll-behavior: smooth;
  padding-bottom: 10px;
}

.hx-topoffers-slider::-webkit-scrollbar {
  display: none;
}

/* =========================
   PACKAGE CARD
   ========================= */
.hx-topoffers-package-card {
  min-width: 80px;
  max-width: 280px;
  background: #ffffff;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 6px 18px rgba(0,0,0,0.12);
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
}

.hx-topoffers-package-card img {
  width: 100%;
  height: 160px;
  object-fit: cover;
}

/* CONTENT */
.hx-topoffers-content {
  padding: 14px;
}

.hx-topoffers-tag {
  display: inline-block;
  background: #1e6fe8;
  color: #fff;
  font-size: 12px;
  padding: 4px 10px;
  border-radius: 12px;
  margin-bottom: 6px;
}

.hx-topoffers-content h3 {
  font-size: 17px;
  margin: 6px 0 4px;
}

.hx-topoffers-days {
  font-size: 13px;
  color: #555;
}

.hx-topoffers-price {
  font-size: 14px;
  margin: 8px 0;
  font-weight: 600;
}

.hx-topoffers-content ul {
  padding-left: 18px;
  margin: 0;
}

.hx-topoffers-content li {
  font-size: 13px;
  margin-bottom: 4px;
}

/* =========================
   PROMO IMAGE CARD
   ========================= */
.hx-topoffers-promo-card {
  min-width: 280px;
  max-width: 280px;
  height: auto;
  border-radius: 16px;
  overflow: hidden;
  position: relative;
  flex-shrink: 0;
  text-decoration: none;
}

.hx-topoffers-promo-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.hx-topoffers-promo-card::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to top,
    rgba(0,0,0,0.65),
    rgba(0,0,0,0.2)
  );
}

.hx-topoffers-promo-card span {
  position: absolute;
  bottom: 16px;
  left: 16px;
  right: 16px;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  z-index: 2;
}

/* =========================
   DESKTOP VIEW
   ========================= */
@media (min-width: 1024px) {
  .hx-topoffers-slider {
    justify-content: center;
    overflow-x: visible;
  }
}

/* =========================
   MOBILE – ONLY 1 CARD
   ========================= */
@media (max-width: 768px) {

  .hx-topoffers-slider {
    gap: 0;
    scroll-snap-type: x mandatory;
  }

  .hx-topoffers-package-card,
  .hx-topoffers-promo-card {
    min-width: 100%;
    max-width: 100%;
    scroll-snap-align: start;
  }

  .hx-topoffers-arrow {
    display: none; /* recommended */
  }
}

/* =====================================
   ADVENTURE CONVERTED CARD LAYOUT
   ===================================== */

.hx-adv-convert-section {
  padding: 40px 20px;
  background: #fff;
  margin-top:-80px;
}

.hx-adv-convert-header h2 {
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 18px;
}

/* slider */
.hx-adv-convert-slider {
  display: flex;
  gap: 20px;
  overflow-x: auto;
}

.hx-adv-convert-slider::-webkit-scrollbar {
  display: none;
}

/* card */
.hx-adv-convert-card {
  min-width: 420px;
  max-width: 420px;
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 14px;
  display: flex;
  align-items: center;
  padding: 14px;
  text-decoration: none;
  box-shadow: 0 4px 14px rgba(0,0,0,0.08);
  flex-shrink: 0;
}

/* image */
.hx-adv-convert-img {
  width: 120px;
  height: 120px;
  border-radius: 60px;
  overflow: hidden;
  margin-right: 16px;
}

.hx-adv-convert-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* content */
.hx-adv-convert-content h3 {
  font-size: 18px;
  margin: 0 0 6px;
  color: #000;
}

.hx-adv-convert-content p {
  font-size: 14px;
  color: #555;
  margin: 0 0 6px;
}

.hx-adv-view {
  font-size: 14px;
  color: #1e6fe8;
  font-weight: 600;
}

/* ===== DESKTOP ===== */
@media (min-width: 1024px) {
  .hx-adv-convert-slider {
    justify-content: center;
    overflow-x: visible;
  }
}

/* ===== MOBILE: ONE CARD ===== */
@media (max-width: 768px) {
  .hx-adv-convert-slider {
    gap: 0;
    scroll-snap-type: x mandatory;
  }

  .hx-adv-convert-card {
    min-width: 100%;
    max-width: 100%;
    scroll-snap-align: start;
  }
}
/* ===== DESKTOP POLISH: REDUCE WIDTH & IMAGE SIZE ===== */
@media (min-width: 1024px) {

  .hx-adv-convert-card {
    min-width: 60px;
    max-width: 360px;
    padding: 12px;
  }

  .hx-adv-convert-img {
    width: 95px;
    height: 95px;
    border-radius: 50%;
    margin-right: 14px;
  }

  .hx-adv-convert-content h3 {
    font-size: 17px;
  }

  .hx-adv-convert-content p {
    font-size: 13px;
  }

}
/* ===== HERO SLIDER HEIGHT CONTROL ===== */
.th-hero,
.th-hero-slider {
  height: 520px;           /* desktop height */
  min-height: 520px;
  overflow: hidden;
}
@media (max-width: 768px) {
  .th-hero,
  .th-hero-slider {
    height: 420px;
    min-height: 320px;
  }
}

/* ===== HERO OVERLAY BASE ===== */
.th-hero-mobile-overlay {
  position: absolute;
  inset: 0;
  z-index: 5;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: #fff;
 
}

/* ===== OFFER BADGE ===== */
.th-mobile-offer {
  background: #ff9800;
  padding: 8px 18px;
  border-radius: 30px;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 12px;
  animation: glowPulse 1.6s infinite alternate;
}

@keyframes glowPulse {
  from {
    transform: scale(1);
    box-shadow: 0 0 5px rgba(255,152,0,0.6);
  }
  to {
    transform: scale(1.08);
    box-shadow: 0 0 18px rgba(255,152,0,1);
  }
}

/* ===== TITLE ===== */
.th-mobile-title {
  font-size: 26px;
  line-height: 1.3;
  margin-bottom: 10px;
  opacity: 0;
  transform: translateY(25px);
  animation: fadeUp 1s ease-out forwards;
  animation-delay: 0.3s;
}

.th-mobile-title span {
  color: #ffcc00;
}

/* ===== SUB TEXT ===== */
.th-mobile-text {
  font-size: 15px;
  opacity: 0;
  animation: fadeIn 1s ease forwards;
  animation-delay: 0.9s;
}

/* ===== CTA BUTTON ===== */
.th-mobile-btn {
  margin-top: 16px;
  background: #25d366;
  color: #fff;
  padding: 14px 22px;
  border-radius: 30px;
  font-weight: 600;
  text-decoration: none;
  animation: pulseBtn 1.8s infinite;
}

/* ===== TRUST TEXT ===== */
.th-hero-trust {
  margin-top: 14px;
  font-size: 13px;
  opacity: 0;
  animation: fadeIn 1s ease forwards;
  animation-delay: 1.4s;
}

/* ===== ANIMATIONS ===== */
@keyframes fadeUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeIn {
  to {
    opacity: 1;
  }
}

@keyframes pulseBtn {
  0% { box-shadow: 0 0 0 0 rgba(37,211,102,0.7); }
  70% { box-shadow: 0 0 0 12px rgba(37,211,102,0); }
  100% { box-shadow: 0 0 0 0 rgba(37,211,102,0); }
}
.th-hero-mobile-overlay.animate .th-mobile-title,
.th-hero-mobile-overlay.animate .th-mobile-text,
.th-hero-mobile-overlay.animate .th-hero-trust {
  animation-play-state: running;
}
/* ===== Top Offers Slider ===== */

.hx-to-section {
  width: 100%;
  padding: 20px 0;
}

.hx-to-title {
  font-size: 28px;
  font-weight: 600;
  margin-bottom: 16px;
}

.hx-to-slider {
  width: 100%;
  overflow: hidden;               /* 🔥 prevents blank space */
  position: relative;
}

.hx-to-track {
  display: flex;
  gap: 16px;                      /* spacing between cards */
  transition: transform 0.6s ease-in-out;
  will-change: transform;
}

.hx-to-card {
  min-width: 240px;               /* MUST match image width */
  flex-shrink: 0;                 /* 🔥 prevents collapse */
  position: relative;
}

.hx-to-card img {
  width: 100%;
  height: 360px;
  object-fit: cover;
  border-radius: 12px;
  display: block;
}

/* Optional badge */
.hx-to-badge {
  position: absolute;
  top: 12px;
  left: 12px;
  background: #ff3b3b;
  color: #fff;
  padding: 4px 10px;
  font-size: 12px;
  border-radius: 20px;
  z-index: 2;
}
.th-logo-mobile { display: none; }

@media (max-width: 768px) {
  .th-logo-desktop { display: none; }
  .th-logo-mobile { display: block; }
}
/* ===== TESTIMONIAL MODULE ===== */
/* Center & tighten section */


.hex-tm-section {
  padding: 50px 20px 40px;
}

/* Better title spacing */
.hex-tm-title {
  margin-bottom: 24px;
}

/* Limit card width for premium look */
.hex-tm-slider {
  max-width: 780px;   /* 👈 reduced from 900 */
}

/* Card refinement */
.hex-tm-card {
  padding: 28px 30px;
}

/* Improve readability */
.hex-tm-text {
  font-size: 16px;
  line-height: 1.7;
  color: #222;
}

/* User row alignment */
.hex-tm-user {
  margin-top: 18px;
}

.hex-tm-user strong {
  display: block;
  font-size: 15px;
}

.hex-tm-user span {
  font-size: 13px;
  color: #666;
}

/* Bring dots closer */
.hex-tm-dots {
  margin-top: 14px;
}

.hex-tm-section {
  padding: 60px 20px;
 background: linear-gradient(180deg, rgba(95, 158, 160, 0.18) 0%, #ffffff 65%);
}

.hex-tm-title {
  text-align: center;
  margin-bottom: 30px;
  font-size: 28px;
}

.hex-tm-rating {
  text-align: center;
  margin-bottom: 10px;
  font-size: 14px;
}

/* Slider viewport */
.hex-tm-slider {
  position: relative;
  max-width: 900px;
  margin: 0 auto;
  overflow: hidden; /* ✅ critical */
}

/* Track */
.hex-tm-track {
  display: flex;
  transition: transform 0.45s ease;
  will-change: transform;
}

/* Slide */
.hex-tm-card {
  flex: 0 0 100%;
  max-width: 100%;
  background: #ffffff;
  padding: 32px;
  border-radius: 16px;
  box-shadow: 0 8px 24px rgba(0,0,0,0.06);
  box-sizing: border-box;
}

/* Text */
.hex-tm-text {
  font-size: 16px;
  line-height: 1.6;
  margin-bottom: 22px;
}

/* User */
.hex-tm-user {
  display: flex;
  align-items: center;
  gap: 14px;
}

.hex-tm-user img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  object-fit: cover;
}

/* Dots */
.hex-tm-dots {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-top: 22px;
}

.hex-tm-dots button {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: none;
  background: #cfcfcf;
  cursor: pointer;
}

.hex-tm-dots button.active {
  background: #0a58ca;
}

/* Section */
.hx-pp-section {
  padding: 40px 0;
}

.hx-pp-title {
  font-size: 28px;
  margin-bottom: 20px;
}

/* Wrapper */
.hx-pp-wrapper {
  position: relative;
  display: flex;
  align-items: center;
}

/* Slider */
.hx-pp-slider {
  overflow: hidden;
  width: 100%;
}

.hx-pp-track {
  display: flex;
  gap: 16px;
  transition: transform 0.3s ease;
}

/* Card */
.hx-pp-card {
  flex: 0 0 auto;
  width: 260px;
  border-radius: 20px;
  overflow: hidden;
}

/* Clickable area */
.hx-pp-link {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
  color: #fff;
}

/* Image */
.hx-pp-link img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  border-radius: 20px;
}

/* Text overlay */
.hx-pp-link span {
  position: absolute;
  bottom: 14px;
  left: 0;
  right: 0;
  text-align: center;
  font-size: 18px;
  font-weight: 600;
  text-shadow: 0 2px 6px rgba(0,0,0,.6);
}

/* Navigation */
.hx-pp-nav {
  background: none;
  border: none;
  font-size: 32px;
  cursor: pointer;
  padding: 0 10px;
}

/* Mobile */
@media (max-width: 768px) {
  .hx-pp-card {
    width: 220px;
  }
}

/* ===== Top Offers Slider ===== */

.hx-to-section {
  width: 100%;
  padding: 20px 0;
}

.hx-to-title {
  font-size: 28px;
  font-weight: 600;
  margin-bottom: 16px;
}

.hx-to-slider {
  width: 100%;
  overflow: hidden;               /* 🔥 prevents blank space */
  position: relative;
}

.hx-to-track {
  display: flex;
  gap: 16px;                      /* spacing between cards */
  transition: transform 0.6s ease-in-out;
  will-change: transform;
}

.hx-to-card {
  min-width: 240px;               /* MUST match image width */
  flex-shrink: 0;                 /* 🔥 prevents collapse */
  position: relative;
}

.hx-to-card img {
  width: 100%;
  height: 360px;
  object-fit: cover;
  border-radius: 12px;
  display: block;
}

/* Optional badge */
.hx-to-badge {
  position: absolute;
  top: 12px;
  left: 12px;
  background: #ff3b3b;
  color: #fff;
  padding: 4px 10px;
  font-size: 12px;
  border-radius: 20px;
  z-index: 2;
}
.th-logo-mobile { display: none; }

@media (max-width: 768px) {
  .th-logo-desktop { display: none; }
  .th-logo-mobile { display: block; }
}
/* ===== SEO SECTION BASE ===== */
.hex-seo-section {
  background: linear-gradient(180deg, #f8fafc 0%, #ffffff 100%);
  padding: 70px 20px;
  border-top: 1px solid #eee;
}

.hex-seo-container {
  max-width: 1200px;
  margin: 0 auto;
}

/* Headings */
.hex-seo-heading {
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 12px;
  text-align: left;
}

.hex-seo-description {
  font-size: 15px;
  line-height: 1.6;
  color: #555;
  max-width: 900px;
  margin-bottom: 48px;
}

/* ===== GRID ===== */
.hex-seo-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 36px;
}

/* Column card feel */
.hex-seo-column {
  background: #ffffff;
  padding: 22px 22px 26px;
  border-radius: 14px;
  box-shadow: 0 6px 20px rgba(0,0,0,0.04);
}

.hex-seo-col-title {
  font-size: 17px;
  font-weight: 600;
  margin-bottom: 14px;
  color: #111;
  border-bottom: 1px solid #eee;
  padding-bottom: 8px;
}

/* Links */
.hex-seo-list li {
  margin-bottom: 10px;
}

.hex-seo-list a {
  font-size: 14px;
  color: #333;
  text-decoration: none;
  transition: color 0.2s ease;
}

.hex-seo-list a:hover {
  color: #0a58ca;
  text-decoration: underline;
}

/* ===== EXTRA DESTINATIONS ===== */
.hex-seo-extra {
  margin-top: 60px;
}

.hex-seo-extra-title {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 20px;
}

/* Pills */
.hex-seo-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
}

.hex-seo-tags a {
  background: #ffffff;
  border: 1px solid #e5e7eb;
  padding: 10px 18px;
  border-radius: 999px;
  font-size: 14px;
  text-decoration: none;
  color: #333;
  transition: all 0.25s ease;
}

.hex-seo-tags a:hover {
  background: #0a58ca;
  color: #ffffff;
  border-color: #0a58ca;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 1024px) {
  .hex-seo-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 600px) {
  .hex-seo-heading {
    font-size: 24px;
  }

  .hex-seo-grid {
    grid-template-columns: 1fr;
  }

  .hex-seo-column {
    padding: 20px;
  }
}


/* ===== style2.css ===== */
   /* ================= COMMON BUTTON BEHAVIOR ================= */
.btn-wa-big,
.btn-call-big,
.quick-wa,
.quick-call {
  cursor: pointer;
  transition: all 0.25s ease;
  text-decoration: none;
}

/* ================= HERO BIG BUTTONS ================= */

/* WhatsApp big */
.btn-wa-big {
  background-color: #25D366;
  color: #ffffff;
}

.btn-wa-big:hover {
  background-color: #1ebe5d;
  transform: translateY(-2px);
}

/* Call Now big */
.btn-call-big {
  background-color: #1e6fe8;
  color: #ffffff;
}

.btn-call-big:hover {
  background-color: #155dcc;
  transform: translateY(-2px);
}

/* ================= QUICK PACKAGE BUTTONS ================= */

/* WhatsApp small */
.quick-wa {
  background-color: #25D366;
  color: #ffffff;
}

.quick-wa:hover {
  background-color: #1ebe5d;
}

/* Call Now small */
.quick-call {
  background-color: #1e6fe8;
  color: #ffffff;
}

.quick-call:hover {
  background-color: #155dcc;
}

/* ================= TAP / CLICK FEEDBACK ================= */
.btn-wa-big:active,
.btn-call-big:active,
.quick-wa:active,
.quick-call:active {
  transform: translateY(0);
  opacity: 0.9;
}

.hx-side-cta {
  position: fixed;
  right: 18px;
  bottom: 18px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  z-index: 9999;
}

.hx-side-wa,
.hx-side-call {
  width: 54px;
  height: 54px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 6px 18px rgba(0,0,0,0.25);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.hx-side-wa {
  background: #25D366;
}

.hx-side-call {
  background: #1e6fe8;
}

.hx-side-wa:hover,
.hx-side-call:hover {
  transform: scale(1.1);
  box-shadow: 0 10px 24px rgba(0,0,0,0.35);
}
/* ================= QUICK PACKAGES CARDS ================= */

.quick-card {
  background: #ffffff;
  border-radius: 14px;
  padding: 16px;
  margin-bottom: 16px;
  box-shadow: 0 6px 16px rgba(0,0,0,0.08);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

/* Card hover (desktop) */
.quick-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 26px rgba(0,0,0,0.15);
}

/* ================= QUICK ACTION BUTTONS ================= */

.quick-actions {
  display: flex;
  gap: 10px;
  margin-top: 12px;
}

.quick-wa,
.quick-call {
  flex: 1;
  text-align: center;
  padding: 12px 0;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.25s ease;
}

/* WhatsApp button */
.quick-wa {
  background: #25D366;
  color: #ffffff;
}

.quick-wa:hover {
  background: #1ebe5d;
  box-shadow: 0 6px 14px rgba(37,211,102,0.35);
}

/* Call button */
.quick-call {
  background: #1e6fe8;
  color: #ffffff;
}

.quick-call:hover {
  background: #155dcc;
  box-shadow: 0 6px 14px rgba(30,111,232,0.35);
}

/* Tap feedback (mobile) */
.quick-wa:active,
.quick-call:active {
  transform: scale(0.97);
  opacity: 0.9;
}
/* ================= MOBILE HERO ================= */

/* ================= MOBILE HERO ================= */
/* ================= COMMON HEADER ================= */

header.th-header {
  position: sticky;          /* IMPORTANT: keeps layout flow */
  top: 0;
  z-index: 10000;
  background-color: #0A2A4A; /* solid background */
  opacity: 1;
}

/* ================= MOBILE HERO ================= */

.mobile-hero {
  position: relative;
  width: 100%;
  height: 65vh;
  min-height: 520px;
  max-height: 680px;
  bottom:150px;
  /* IMPORTANT: no hard margin-top */
  margin: 12px auto 0;

  border-radius: 18px;
  overflow: hidden;
  color: #fff;
}

/* ================= SLIDER BACKGROUND LAYERS ================= */

.hero-bg {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: 55% 30%;
  background-repeat: no-repeat;

  opacity: 0;
  transform: scale(1);
  transition: opacity 1.2s ease-in-out, transform 6s ease;
}

.hero-bg.active {
  opacity: 1;
  transform: scale(1.08); /* subtle zoom */
}

/* ================= OVERLAY ================= */

.mobile-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    rgba(0, 0, 0, 0.35),
    rgba(0, 0, 0, 0.55)
  );
  z-index: 2;
}

/* ================= HERO CONTENT ================= */

.hero-content {
  position: relative;
  z-index: 3;

  height: 100%;
  padding: 20px;
  margin-top:50px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;

  text-align: center;
}

/* ================= TEXT ================= */

.hero-content h1 {
  font-size: 22px;
  line-height: 1.3;
  font-weight: 700;
  margin-bottom: 8px;
}

.cities {
  font-size: 14px;
  margin-bottom: 6px;
}

.tour-types {
  font-size: 13px;
  line-height: 1.4;
  margin-bottom: 14px;
}

/* ================= BUTTONS ================= */

.btn-wa-big,
.btn-call-big {
  width: 100%;
  max-width: 300px;
  padding: 12px;
  margin: 0 auto;
  font-size: 15px;
  font-weight: 600;
  border-radius: 28px;
  text-decoration: none;
  color: #fff;
}

.btn-wa-big {
  background: #25D366;
  margin-bottom: 10px;
}

.btn-call-big {
  background: #007bff;
}

/* ================= TRUST LINE ================= */

.trust-line {
  margin-top: 10px;
  font-size: 12px;
  opacity: 0.9;
}

/* ================= ENTRY ANIMATION ================= */

.slide-up-on-load {
  animation: slideUp 0.6s ease-out forwards;
}

@keyframes slideUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* ================= DESKTOP ADJUSTMENTS ================= */

@media (min-width: 992px) {
.mobile-hero {
  height: 52vh;        /* reduced height */
  min-height: 420px;  /* safe minimum */
  max-height: 560px;  /* prevents tall screens */
}


  .hero-content h1 {
    font-size: 32px;
  }
}
.mobile-hero {
  margin-top: 8px;
}
.mobile-hero {
  margin: 0 auto;
}
@media (max-width: 768px) {
  .mobile-hero {
    width: 100vw;                 /* full screen width */
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
    border-radius: 0;             /* optional: cleaner mobile look */
  }
}


/* ===== style3.css ===== */
    /* ===== Logo Mobile / Desktop ===== */

/* Default = Mobile */
.logo-desktop {
  display: none;
}

.logo-mobile {
  display: block;
}

/* Desktop */
@media (min-width: 992px) {
  .logo-mobile {
    display: none;
  }

  .logo-desktop {
    display: block;
  }
}
/* ================= HEADER BACKGROUND FIX ================= */

/* Desktop (default) */
header.th-header {
  background-color: #0A2A4A; /* your existing desktop color */
}

/* Mobile ONLY: transparent header */
@media (max-width: 991px) {
  header.th-header {
    background-color: transparent !important;
  }
}
/* ================= LOGO SIZE CONTROL ================= */

/* Default (desktop) */
.th-logo img {
  width: 300px;
  height: 300;
}

/* Mobile logo size */
@media (max-width: 991px) {
  .th-logo img {
    width: 250px;   /* change as needed */
    height: auto;
  }
}
/* ================= Mobile Logo Shadow ================= */

@media (max-width: 991px) {
  .th-logo img {
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.35));
  }
}
@media (max-width: 360px) {
  .btn-wa-big {
    font-size: 14px;
  }
}
@media (max-width: 360px) {
  .btn-wa-big,
  .btn-call-big {
    padding: 11px;
  }
}
.btn-wa-big {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
/* ================= SEO CONTENT STYLING ================= */

.seo-content {
  max-width: 1100px;
  margin: 0 auto;
  padding: 40px 16px 60px;
  font-size: 15px;
  line-height: 1.7;
  color: #333;
}

.seo-content h2 {
  font-size: 22px;
  margin-bottom: 12px;
}

.seo-content h3 {
  font-size: 18px;
  margin-top: 24px;
  margin-bottom: 8px;
}

.seo-content p {
  margin-bottom: 12px;
}

.seo-content ul {
  margin: 12px 0 16px 18px;
}

.seo-content ul li {
  margin-bottom: 6px;
}

/* Mobile readability */
@media (max-width: 768px) {
  .seo-content {
    font-size: 14px;
    padding: 32px 14px 48px;
  }

  .seo-content h2 {
    font-size: 20px;
  }

  .seo-content h3 {
    font-size: 17px;
  }
}

/* ===== style4.css ===== */
 .tour-card {
  display: flex;
}
.price del {
  font-size: 13px;
  color: #999;
  margin-right: 6px;
}

.price .off {
  font-size: 12px;
  color: #d32f2f;
  font-weight: 600;
}

.final .pp {
  display: block;
  font-size: 12px;
  font-weight: 400;
  color: #777;
  margin-top: 2px;
}
/* ================= QUICK MOBILE PACKAGES ================= */

.mobile-quick-packages{
  margin-top:-150px;
  padding:60px 16px 40px;
}

/* ===== Thailand Background (FINAL) ===== */
.thailand-section{
  background-image:
    linear-gradient(rgba(0,0,0,0.45), rgba(0,0,0,0.45)),
    url('/asset/images/Thailand/thailand1.webp');
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  background-color:#000;
}

/* ================= TITLE ================= */

.quick-title{
  color:#ffffff;
  text-align:center;
  font-size:22px;
  font-weight:800;
  line-height:1.35;
  max-width:340px;
  margin:0 auto 32px;
  text-shadow:0 3px 8px rgba(0,0,0,0.7);
}

/* ================= CARD ================= */

.quick-card{
  background:#ffffff;
  border-radius:18px;
  padding:20px 18px 22px;
  max-width:340px;
  margin:0 auto 20px;
  box-shadow:0 12px 28px rgba(0,0,0,0.18);
}

.quick-card h3{
  font-size:16px;
  font-weight:700;
  margin-bottom:8px;
  color:#111827;
}

/* Text lines */
.quick-card p{
  font-size:14px;
  margin:6px 0;
  color:#374151;
  line-height:1.5;
  word-break:keep-all;
}

/* Price – locked (no break ever) */
.quick-card p strong{
  font-weight:800;
  color:#111827;
  white-space:nowrap;
}

/* Limited offer */
.limited-offer{
  color:#dc2626;
  font-weight:700;
  font-size:13px;
  margin-top:8px;
}

/* ================= BUTTONS ================= */

.quick-actions{
  display:flex;
  gap:14px;
  margin-top:16px;
}

.quick-wa{
  flex:1;
  background:#25D366;
  color:#ffffff;
  text-align:center;
  padding:14px 0;
  border-radius:14px;
  font-size:15px;
  font-weight:700;
  text-decoration:none;
}

.quick-call{
  flex:1;
  background:#2563eb;
  color:#ffffff;
  text-align:center;
  padding:14px 0;
  border-radius:14px;
  font-size:15px;
  font-weight:700;
  text-decoration:none;
}

/* Cleanup */
.floating-icons{
  display:none;
}
.cta-subtext{
  font-size:13px;
  opacity:0.9;
}

/* ================= SHOW MORE PACKAGES ================= */

@media (max-width: 768px){
  .tour-img .days{
    bottom:170px;   /* move it lower */
    left: 12px;     /* keep alignment */
    font-size: 11px;
    padding: 5px 9px;
  }
}

.hx-testimonial-slider{
  overflow: hidden;
}

.hx-testimonial-track{
  display: flex;
  transition: transform 0.5s ease;
}

.hx-testimonial-card{
  min-width: 100%;
}

/* DOTS */
.hx-testimonial-dots{
  display: flex;
  justify-content: center;
  gap: 8px;
  margin-top: 16px;
}

.hx-dot{
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #cbd5e1;
  cursor: pointer;
}

.hx-dot.active{
  background: #2563eb;
}



/* ===== style5.css ===== */
.tour-card {
  display: flex;
}
.price del {
  font-size: 13px;
  color: #999;
  margin-right: 6px;
}

.price .off {
  font-size: 12px;
  color: #d32f2f;
  font-weight: 600;
}

.final .pp {
  display: block;
  font-size: 12px;
  font-weight: 400;
  color: #777;
  margin-top: 2px;
}
/* ================= SIMPLE FILTER UI ================= */
/* Hide Apply Filters by default */
.apply-btn{
  display:none;
}

.filter-drawer{
  background:#ffffff;
  padding:18px 16px 140px;
  overflow-y:auto;
}



.drawer-header{
  position:sticky;
  top:0;
  background:#ffffff;
  z-index:10001;
  padding:14px 16px;
  border-bottom:1px solid #e5e7eb;
}

/* Close button */
.drawer-header .close-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:60px;
  height:32px;
  font-size:14px;
  font-weight:700;
  color:#dc2626;
  background:#fee2e2;            /* light red background */
  border-radius:16px;
  cursor:pointer;
}

/* Tap feedback */
.drawer-header .close-btn:active{
  background:#fecaca;
}


/* Section titles */
.mobile-filters h4{
  font-size:15px;
  font-weight:700;
  margin:22px 0 10px;
  color:#000000;
}

/* Inline checkbox layout */
.mobile-filters label{
  display:inline-flex;
  align-items:center;
  margin-right:18px;
  margin-bottom:12px;
  font-size:14px;
  color:#000000;
  cursor:pointer;
  white-space:nowrap;
}

/* Checkbox */
.mobile-filters input[type="checkbox"]{
  width:14px;
  height:14px;
  margin-right:6px;
  accent-color:#2563eb;
  cursor:pointer;
}

/* Apply Filters button */
.apply-btn{
  position:fixed;
  bottom:16px;
  left:50%;
  transform:translateX(-50%);
  width:90%;
  max-width:420px;
  background:#2563eb;
  color:#ffffff;
  font-size:16px;
  font-weight:700;
  padding:14px 0;
  border:none;
  border-radius:12px;
  cursor:pointer;
  z-index:10000;
}

/* Prevent content hidden behind button */
.filter-drawer{
  padding-bottom:160px;
}

/* Hide filter on desktop */
@media (min-width:769px){
  .filter-drawer{
    display:none;
  }
}


/* ================= QUICK MOBILE PACKAGES ================= */



/* Title */
.quick-title{
  color:#ffffff;
  font-size:21px;
  font-weight:800;
  line-height:1.4;
  text-align:center;
  max-width:320px;
  margin:0 auto 28px;
  text-shadow:0 3px 8px rgba(0,0,0,0.7);
  letter-spacing:0.4px;
}

/* Package Card */
.quick-card{
  position:relative;
  max-width:340px;
  margin:0 auto 20px;
  background:rgba(255,255,255,0.95);
  border-radius:16px;
  padding:20px 18px 22px;
  box-shadow:0 10px 25px rgba(0,0,0,0.15);
}

/* Buttons Wrapper */
.quick-actions{
  display:flex;
  gap:14px;
}

/* Buttons Common */
.quick-actions a{
  flex:1;
  text-align:center;
  padding:14px 0;
  font-size:15px;
  font-weight:700;
  border-radius:12px;
  color:#ffffff;
}

/* WhatsApp Button */
.quick-wa{
  background:#25D366;
}

/* Call Button */
.quick-call{
  background:#2563eb;
}

/* Limited Time Offer Text */
.limited-offer{
  color:#dc2626;
  font-weight:700;
  font-size:13px;
}

/* Floating Icons (Optional) */
.quick-card .floating-icons{
  position:absolute;
  right:12px;
  bottom:20px;
}

.quick-card .floating-icons a{
  width:42px;
  height:42px;
  font-size:18px;
}

/* Disable Floating Icons on Mobile Ads */
@media(max-width:768px){
  .floating-icons{
    display:none;
  }
}

/* ================= SEO LINKS SECTION ================= */

.hx-seo-links{
  background:#f9fafb;
  padding:40px 16px;
}

.hx-seo-title{
  text-align:center;
  font-size:22px;
  font-weight:800;
  margin-bottom:28px;
  color:#111827;
}

.hx-seo-grid{
  max-width:1100px;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(180px, 1fr));
  gap:24px;
}

.hx-seo-col h4{
  font-size:15px;
  font-weight:700;
  margin-bottom:10px;
  color:#111827;
}

.hx-seo-col a{
  display:block;
  font-size:14px;
  color:#374151;
  margin-bottom:6px;
  text-decoration:none;
}

.hx-seo-col a:hover{
  color:#2563eb;
  text-decoration:underline;
}

/* ================= SEO CONTENT ================= */
/* ===== FINAL POLISH FOR SEO LINKS SECTION ===== */

.hx-seo-links{
  background:#ffffff;
  padding:50px 20px 40px;
  border-top:1px solid #e5e7eb;
}

.hx-seo-title{
  text-align:center;
  font-size:24px;
  font-weight:800;
  margin-bottom:36px;
  color:#111827;
}

/* Grid spacing improvement */
.hx-seo-grid{
  max-width:1200px;
  margin:0 auto;
  column-gap:40px;
}

/* Column titles */
.hx-seo-col h4{
  font-size:15px;
  font-weight:700;
  margin-bottom:12px;
  color:#111827;
}

/* Links readability */
.hx-seo-col a{
  font-size:14px;
  color:#374151;
  line-height:1.7;
  margin-bottom:6px;
}

/* Subtle hover (no risk) */
.hx-seo-col a:hover{
  color:#2563eb;
  text-decoration:none;
}

/* ===== SEO CONTENT SECTION POLISH ===== */

.seo-content{
  background:#f9fafb;
  padding:50px 20px;
  margin-top:40px;
}

.seo-content h2{
  font-size:24px;
  font-weight:800;
  margin-bottom:16px;
  color:#111827;
}

.seo-content p{
  max-width:900px;
  margin-bottom:14px;
  color:#374151;
}

.seo-content ul{
  max-width:700px;
  margin-top:12px;
}




/* ===== style6.css ===== */
/* ================= SORT BAR ================= */

.sort-bar{
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 20px auto;   /* Right side on desktop */
  width: fit-content;
  font-size: 14px;
}

/* Label */
.sort-bar span{
  font-weight: 600;
  color: #333;
  white-space: nowrap;
}

/* Buttons */
.sort-bar button{
  padding: 6px 12px;
  border: 1px solid #d0d0d0;
  background: #fff;
  border-radius: 6px;
  cursor: pointer;
  font-size: 13px;
  line-height: 1;
  transition: all 0.2s ease;
}

/* Hover */
.sort-bar button:hover{
  border-color: #1a73e8;
  color: #1a73e8;
}

/* Active state */
.sort-bar button.active{
  background: #1a73e8;
  color: #fff;
  border-color: #1a73e8;
}

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

  .sort-bar{
    margin: 10px 0 15px;
    width: 100%;
    justify-content: space-between;
  }

  .sort-bar span{
    font-size: 13px;
  }

  .sort-bar button{
    padding: 6px 10px;
    font-size: 12px;
  }
}

/* ================= MOBILE SORT BAR REFINEMENT ================= */
@media (max-width: 768px){

  .sort-bar{
    width: 100%;
    margin: 10px 0 15px;
    flex-direction: row;          /* ⬅ keep in one line */
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
  }

  .sort-bar span{
    font-size: 13px;
  }

  .sort-bar button{
    width: auto;                  /* ⬅ NOT full width */
    padding: 6px 12px;            /* ⬅ compact size */
    font-size: 12px;
    border-radius: 6px;
    white-space: nowrap;
  }
}
/* =====================================
   MEGA MENU – FINAL STABLE VERSION
   CLEAN + CENTERED + BEAUTIFUL
===================================== */

/* Parent must be relative */
.th-nav-item.th-has-mega {
  position: relative;
}

/* Mega menu container */
.th-mega-menu {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%) translateY(20px);

  background: #ffffff;
  border-radius: 14px;
  padding: 30px 32px;
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.15);

  width: 980px;
  max-width: 95vw;
  display: flex;
  gap: 40px;

  opacity: 0;
  visibility: hidden;
  transition: all 0.35s ease;
  z-index: 999;
}

/* Show on hover */
.th-has-mega:hover .th-mega-menu {
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) translateY(0);
}

/* Text column */
.th-mega-col {
  flex: 1;
}

/* Main heading */
.th-mega-col h4 {
  font-size: 18px;
  font-weight: 700;
  color: #111;
  margin-bottom: 20px;
  position: relative;
}

.th-mega-col h4::after {
  content: "";
  width: 44px;
  height: 3px;
  background: linear-gradient(90deg, #ff7a18, #ffb347);
  display: block;
  margin-top: 6px;
  border-radius: 3px;
}

/* Sections grid */
.th-mega-sections {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 22px;
}

/* Section titles */
.th-mega-section h5 {
  font-size: 13.5px;
  font-weight: 700;
  margin-bottom: 10px;
  color: #ff7a18;
  text-transform: uppercase;
  letter-spacing: 0.6px;
}

/* Links */
.th-mega-section a {
  display: block;
  font-size: 15px;
  color: #444;
  text-decoration: none;
  margin-bottom: 7px;
  padding-left: 14px;
  position: relative;
  transition: all 0.25s ease;
}

.th-mega-section a::before {
  content: "›";
  position: absolute;
  left: 0;
  top: 0;
  color: #ff7a18;
  font-size: 16px;
}

.th-mega-section a:hover {
  color: #ff7a18;
  transform: translateX(5px);
}

/* Image column – CLEAN & CENTERED */
.th-mega-image {
  flex: 0 0 320px;            /* medium column width */
  display: flex;
  align-items: center;        /* vertical center */
  justify-content: center;    /* horizontal center */
}

/* Image sizing */
.th-mega-image img {
  width: 100%;
  max-width: 280px;           /* medium image */
  height: auto;
  margin: 0;                  /* remove bottom push */
  border-radius: 12px;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.18);
  transition: transform 0.35s ease;
}

/* Gentle hover zoom */
.th-has-mega:hover .th-mega-image img {
  transform: scale(1.03);
}

/* Caret animation */
.th-caret {
  display: inline-block;
  transition: transform 0.3s ease;
}

.th-has-mega:hover .th-caret {
  transform: rotate(180deg);
}

/* Ensure nothing clips the dropdown */
.th-header,
.th-header-inner,
.th-nav {
  overflow: visible;
}

/* =====================================
   END MEGA MENU CSS
===================================== */


/* ===== style7.css ===== */
 /* =====================================
   MEGA MENU – FINAL STABLE VERSION
   FIXED POSITION + BEAUTIFIED
===================================== */

/* Parent must be relative */
.th-nav-item.th-has-mega {
  position: relative;
}

/* Mega menu container */
.th-mega-menu {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%) translateY(20px);

  background: #ffffff;
  border-radius: 14px;
  padding: 30px 32px;
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.15);

  width: 980px;          /* fixed width */
  max-width: 95vw;       /* prevent overflow */
  display: flex;
  gap: 40px;

  opacity: 0;
  visibility: hidden;
  transition: all 0.35s ease;
  z-index: 999;
}

/* Show on hover */
.th-has-mega:hover .th-mega-menu {
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) translateY(0);
}

/* Text column */
.th-mega-col {
  flex: 1;
}

/* Main heading */
.th-mega-col h4 {
  font-size: 18px;
  font-weight: 700;
  color: #111;
  margin-bottom: 20px;
  position: relative;
}

.th-mega-col h4::after {
  content: "";
  width: 44px;
  height: 3px;
  background: linear-gradient(90deg, #ff7a18, #ffb347);
  display: block;
  margin-top: 6px;
  border-radius: 3px;
}

/* Sections grid */
.th-mega-sections {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 22px;
}

/* Section titles */
.th-mega-section h5 {
  font-size: 13.5px;
  font-weight: 700;
  margin-bottom: 10px;
  color: #ff7a18;
  text-transform: uppercase;
  letter-spacing: 0.6px;
}

/* Links */
.th-mega-section a {
  display: block;
  font-size: 15px;
  color: #444;
  text-decoration: none;
  margin-bottom: 7px;
  padding-left: 14px;
  position: relative;
  transition: all 0.25s ease;
}

.th-mega-section a::before {
  content: "›";
  position: absolute;
  left: 0;
  top: 0;
  color: #ff7a18;
  font-size: 16px;
}

.th-mega-section a:hover {
  color: #ff7a18;
  transform: translateX(5px);
}

/* Image column */
.th-mega-image {
  flex: 0 0 420px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Image column – CENTERED */
.th-mega-image {
  flex: 0 0 320px;          /* smaller column */
  display: flex;
  align-items: center;     /* vertical center */
  justify-content: center; /* horizontal center */
}

/* Image sizing */
.th-mega-image img {
  width: 100%;
  max-width: 280px;        /* medium size */
  height: auto;
  margin: 0;               /* remove bottom push */
  border-radius: 12px;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.18);
  transition: transform 0.35s ease;
  
 
}

/* Gentle hover zoom */
.th-has-mega:hover .th-mega-image img {
  transform: scale(1.03);
}


/* Caret animation */
.th-caret {
  display: inline-block;
  transition: transform 0.3s ease;
}

.th-has-mega:hover .th-caret {
  transform: rotate(180deg);
}

/* Ensure nothing clips the dropdown */
.th-header,
.th-header-inner,
.th-nav {
  overflow: visible;
}

/* =====================================
   END MEGA MENU CSS
===================================== */