/* Basic styles */

:root{
  --header-height:80px;
  --accent:#198cff;
  --marquee-duration: 18s;
      --marquee-bg: #f76f6f;      /* coral-like background */
      --marquee-topline: #cfeeff; 
}
*{
  box-sizing:border-box;
  margin: 0;
  padding: 0;
}


body {
        /*font-family: 'Poppins', sans-serif !important;*/
        font-family: 'Judson', serif !important;
    }

body{
  /* margin:0;
  font-family:Arial,Helvetica,sans-serif; */
  /* overflow: hidden; */
  /* color:#fff; */
}

.fs-16px{
    font-size: 16px !important;
}
.fw-bolds{
    font-weight: bold;
}
.col-orange{
    color: #FF8B13;
}
.col-orange:hover{
    color: #FF8B13;
}
/* Header  */
.header--overlay .nav-actions .fw-bolds{
    font-weight: bold;
    color: #FF8B13;
    border: 1px solid #FF8B13;
}
.header--overlay .nav-actions .fw-bolds:hover{
    color: #ff8b13;
}

/* Site header overlay (places nav over hero image) */
.site-header{
  position:relative;
  height:var(--header-height);
  display:flex;
  align-items:center;
  z-index:40;
  justify-content: space-evenly;
  /* padding: 0 40px; */
}
.site-header-m{
  position:relative;
  /* padding: 0 40px;; */
  height:var(--header-height);
  display:flex;
  align-items:center;
  justify-content: space-around;
  
}
.header--overlay{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  background:transparent;
  color:#fff;
  padding:8px 0;
  transition:background .24s ease, color .24s ease;
}

.logo-img-header{
  top: 50px;
}

@media (max-width:1024px){
  .logo-img-header{
    display: none;
  }
}

/* Sticky header when user scrolls past hero search */
.site-header.sticky{
  position:fixed;
  top:0;
  left:0;
  width:100%;
  background: #071b2b; /* dark background when sticky */
  color:#fff;
  min-height:72px; /* reduced height to match smaller search */
  z-index:55;
  box-shadow:0 6px 18px rgba(2,6,11,0.5);
  transition:transform .28s cubic-bezier(.2,.9,.2,1), background .2s ease;
}


/* Blog page: make header solid white, sticky and use black text */
body#blogPage .site-header,
body#blogPage .site-header.header--overlay{
  position:sticky;
  top:0;
  left:0;
  width:100%;
  background:#ffffff !important;
  color:#071217 !important;
  z-index:55;
  box-shadow:0 8px 20px rgba(0,0,0,0.08);
  transition:background .18s ease, box-shadow .18s ease;
}

/* Ensure sticky state keeps the same white look on blog page */
body#blogPage .site-header.sticky{
  position:fixed;
  top:0;
  left:0;
  background:#ffffff !important;
  color:#071217 !important;
  box-shadow:0 8px 26px rgba(0,0,0,0.10);
}

/* Make nav links and actions dark on blog header */
body#blogPage .site-header .main-nav a,
body#blogPage .site-header .nav-actions a,
body#blogPage .site-header .nav-actions button{
  /*color: #071217 !important;*/
}
body#blogPage .site-header .main-nav a:hover,
body#blogPage .site-header .nav-actions a:hover,
body#blogPage .site-header .nav-actions button:hover{
  color: #ff8b13 !important;
}

/* Reduce logo height slightly for the blog sticky header */
/*body#blogPage .site-header .brand img{height:56px}*/
body#blogPage .sim-header{
        height:120px; object-fit: contain;
    }
    @media(max-width: 768px)
    {
       body#blogPage .sim-header{
            height: 90px;
        }
    }


/* Layout inside sticky header: logo left, search center, actions right */
.site-header.sticky .site-header-m{
  display:flex;
  align-items:center;
  gap:12px;
  padding:0 18px;
}
.site-header .header-search{flex:1;display:none}
.site-header.sticky .header-search{display:flex;justify-content:center;align-items:center}
.site-header.sticky .brand img{height:38px}
.site-header.sticky .logo-img-header{
  display: none;
}
/* hide the large main-nav when sticky (we show compact search + actions) */
.site-header.sticky .main-nav{display:none !important; visibility:hidden; pointer-events:none}

/* keep actions (login, hamburger) visible at right */
/* .site-header.sticky .nav-actions{z-index:10000} */

/* show header-search textarea styling - compact version */
.header-ai-search{
  border-radius:28px;
  padding:4px 6px;
  border:3px solid #FF8B13; /* match hero search border color */
  background:#fff;
  width:min(920px, 90%);
  box-shadow:0 6px 20px rgba(0,0,0,0.12);
}
/* match the hero search height inside sticky header */
.site-header.sticky .ai-text{height:42px;padding:10px 12px;font-size:15px}
/* hide ai-icons in sticky header to keep the compact look */
.site-header.sticky .ai-icons{display:none !important}
.site-header.sticky .ai-search-body{
  height: 42px;
}
/* Hide the hero fixed content once sticky header is active to avoid duplicate controls. Do NOT hide offcanvas. */
.site-header.sticky ~ .hero .hero-fixed{visibility:hidden;opacity:0;pointer-events:none}

/* small responsive tweak: keep header-search full width on narrow screens */
@media (max-width:900px){
  .site-header.sticky .header-search{padding:0 10px}
  .header-ai-search{width:100%;max-width:640px}
}
.brand{
  text-decoration: none;
  color: white;
  gap: 10px;
}
.header--overlay .brand img{height:42px}
.header--overlay .main-nav a,
.header--overlay .nav-actions a,
.header--overlay .nav-actions button{
  /*color:#fff;*/
  text-decoration:none;
  font-weight:600;
}
.header--overlay .main-nav a:hover{color:var(--accent)}
.header--overlay .nav-actions a:hover{
  color: #fff;
  background: transparent;
}
/* When the header isn't overlay (e.g., other pages), fall back to dark text */
.site-header:not(.header--overlay) a{color:#071217}

@media (max-width:1024px){
  .header--overlay .brand img{height:56px}
}

/* Mega menu styles (desktop only) */
.nav-mega{position:static}

/* Position mega-panels relative to the whole nav so each panel
  starts from the same horizontal point (keeps them aligned/responsive) */
.main-nav{position:relative}
.nav-mega .nav-link{color:#fff !important;text-decoration:none;display:inline-flex;align-items:center;gap:6px}
.nav-mega .nav-link:hover{
  color:#0f62ff;
}
.nav-mega .mega-panel{
  position:absolute;
  /* position directly beneath the trigger (avoid using fixed header height) */
  /* top: calc(100% + 3px); */
  /* top: 2px; */
  left:0;
  /* responsive panel width with a sensible desktop minimum */
  min-width:580px;
  width:min(920px, calc(100% - 40px));
  max-width:920px;
  background:transparent;
  color:#071217;
  border-radius:14px;
  /* box-shadow:0 20px 48px rgba(2,6,11,0.18); */
  padding:10px 10px;
  z-index:30;
  display:none;
}
.nav-mega .mega-panel[aria-hidden="false"]{display:block}
.mega-inner{display:flex;gap:0px;align-items:flex-start; background-color: #fff; padding: 10px; border-radius: 14px;}
.mega-col{flex:0 0 33.333%;max-width:33.33%;padding:0}
.mega-col ul{list-style:none;margin:0;padding:0}
.mega-col li{padding:0}
.mega-col a{display:block;color:#0b2a33;text-decoration:none;font-weight:600;padding:3px 0px;font-size:14px;line-height:1.6}
.mega-col a:hover{color: #ff8b13;}
.mega-col ul li a:hover{color:#ff8b13 !important}
.mega-col .badge{
  color:#fff;
  background-color: #FF8B13;
}
.badge-soft{display:inline-block;background:#fff0f0;border-radius:14px;padding:6px 10px;margin-left:10px;font-size:12px;color:#d35454;border:1px solid rgba(211,84,84,0.06);vertical-align:middle}
.badge-soft-pink{display:inline-block;background:#fff4f6;border-radius:14px;padding:6px 10px;margin-left:10px;font-size:12px;color:#ff6b6b;vertical-align:middle}
.badge-soft-beige{display:inline-block;background:#fff7f0;border-radius:14px;padding:6px 10px;margin-left:10px;font-size:12px;color:#c77f3f;vertical-align:middle}
.badge-soft-blue{display:inline-block;background:#f3f6ff;border-radius:14px;padding:6px 10px;margin-left:10px;font-size:12px;color:#5f6fd1;vertical-align:middle}

/* Responsive: on smaller screens show the mega-panel as a stacked full-width dropdown when opened */
@media (max-width:1024px){
  .nav-mega .mega-panel{
    /* make it flow in document, full width under header */
    position:static;
    top:auto;
    left:auto;
    min-width: auto;
    max-width: none;
    width:100%;
    background:#fff;
    box-shadow:none;
    border-radius:8px;
    padding:12px;
    display:none; /* keep hidden until opened */
  }
  /* show when toggled open (click on mobile) */
  .nav-mega .mega-panel[aria-hidden="false"]{display:block}

  /* make columns stack into two columns on small screens */
  .mega-inner{flex-direction:row;flex-wrap:wrap;gap:12px}
  .mega-col{flex:0 0 50%;padding:6px}

  /* ensure trigger still readable when opened */
  .nav-mega .nav-link[aria-expanded="true"]{color:#071217}
}

/* Ensure trigger shows dark color when its panel is open (desktop too) */
.nav-mega .nav-link[aria-expanded="true"]{color:#071217}

/* When header is overlayed (nav sits on hero), anchors inside the mega-panel
   should remain dark so they are readable on the white panel */
.header--overlay .main-nav .mega-panel a,
.header--overlay .main-nav .mega-panel .mega-col a{
  /*color: #0b2a33;*/
}


/* Mobile sidebar */
.mobile-backdrop{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,0.45);
  opacity:0;
  pointer-events:none;
  transition:opacity .28s ease;
  z-index:12;
}
.mobile-backdrop.visible{
  opacity:1;
  pointer-events:auto;
}

.mobile-drawer{
  position:fixed;
  top:0;
  right:0;
  height:100vh;
  width:340px;
  max-width:92vw;
  background: #fff;
  color:#fff;
  transform:translateX(100%); 
  transition:transform .36s cubic-bezier(.2,.9,.2,1);
  z-index:100;
  display:flex;
  flex-direction:column;
  box-shadow: -10px 20px 60px rgba(2,6,11,0.6);
}
.mobile-drawer.open{
  transform:translateX(0); 
}
.mobile-drawer .drawer-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:16px 18px;
  border-bottom:1px solid rgba(255,255,255,0.06);
}
.mobile-drawer .drawer-close{
  background:transparent;
  border:0;color:#000;
  font-size:22px;
  padding:6px 10px;
  cursor:pointer;
}

.mobile-drawer .drawer-nav{
  padding:18px 14px;
  overflow:auto;
}

.mobile-drawer .drawer-nav ul{
  list-style:none;
  padding:0;
  margin:0;
  display:flex;
  flex-direction:column;
  gap:6px;
}

.mobile-drawer .drawer-nav a{
  color:#000;
  text-decoration:none;
  padding:14px 12px;
  border-radius:8px;
  display:block;
  font-size:17px;
  font-weight:600;
}

.mobile-drawer .drawer-nav a:hover{
  background:rgba(255,255,255,0.03);
}

.mobile-drawer .drawer-nav a + a{
  border-top:1px solid rgba(255,255,255,0.03);
  padding-top:12px;
}

.mobile-drawer .drawer-header, .mobile-drawer .drawer-nav{
  padding-top:calc(env(safe-area-inset-top, 0px) + 12px);
}

/* styled scrollbar inside drawer */
.mobile-drawer .drawer-nav::-webkit-scrollbar{
  width:8px;
}

.mobile-drawer .drawer-nav::-webkit-scrollbar-thumb{
  background:rgba(255,255,255,0.08);
  border-radius:8px;
}

/* Show drawer only on small screens (hide on widths >= 1025px) */
@media (min-width:1025px){
  .mobile-drawer, .mobile-backdrop{
    display:none;
  }
}

/* At tablet and below, show hamburger and hide full nav */
@media (max-width:1024px){
  .main-nav{
    display:none;
  }
  .mobile-toggle{
    display:block;
  }
}

/* Extra nav  */
.extra-nav ul{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  gap:12px;
  align-items:center;
}

.extra-nav a{
  color:#fff;
  text-decoration:none;
  padding:6px 8px;
  font-weight:600;
  font-size:15px;
}

.extra-nav a:hover{
  color:var(--accent);
}

/* Hide extra-nav at smaller widths  */
@media (max-width:1024px){
  .extra-nav{
    display:none!important;
  }
}

/* Drawer extra list styles */
.drawer-extra{
  padding:12px 18px;
  color:#000;
  background:transparent;
  border-top:1px solid rgba(0,0,0,0.04);
}

.drawer-greeting{
  font-weight:700;
  margin-bottom:10px;
  font-size:18px;
  color:#071217;
}

.drawer-extra-list{
  list-style:none;
  padding:0;
  margin:0;
  display:flex;
  flex-direction:column;
  gap:8px;
}

.drawer-extra-list a{
  color:#071217;
  text-decoration:none;
  padding:8px 6px;
  display:block;
}

.drawer-extra-list a:hover{
  color:var(--accent);
}

.drawer-contact{
  color:#071217;
}

.drawer-phone{
  font-weight:700;
}

.drawer-socials a{
  margin-right:8px;
  color:#071217;
  text-decoration:none;
}

@media (min-width:1025px){
  .drawer-extra{
    display:none;
  }
}

/* Desktop offcanvas tweaks to match mobile drawer styling */
.desktop-offcanvas .offcanvas-header{
  border-bottom:1px solid rgba(7,18,23,0.04);
}

.desktop-offcanvas .offcanvas-title{
  font-weight:700;
}
.desktop-offcanvas .offcanvas-body{
  color:#061a2a;
}
.desktop-offcanvas ul{
  padding-left:0;
}
.desktop-offcanvas ul li{
  padding:8px 0;
  border-bottom:1px solid rgba(7,18,23,0.03);
}
.desktop-offcanvas a{
  color:#061a2a ;
  text-decoration:none;
}
.desktop-offcanvas a:hover{
  color: #FF8B13 ;
}


/* hero section  */


/* Hero (rebuilt simple slider) */
.hero{
  position:relative;
  /* increased hero height to make videos more prominent */
  min-height:92vh;
  overflow:hidden;
  display:block;
  width:100%;
}

.hero-swiper{
  position:relative;
  height:100%;
}

/* keep swiper slides matching hero height */
.hero-swiper .swiper-slide{
  display:flex;
  align-items:center;
  justify-content:center;
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  opacity:1;
  height: 92vh;
  transition:opacity .6s ease;
  /* background-color:#222; */
}
.hero-search input{width:min(680px,88%);padding:14px 18px;border-radius:14px;border:1px solid rgba(9, 87, 155, 0.18);background:#ffffff;color:#071217;box-shadow:0 8px 30px rgba(30, 105, 197, 0.06);font-size:16px}
.hero-search button{display:none}

/* Typing box (below the search input): rounded, subtle shadow like attachment */
.typing-box{max-width:680px;margin:14px auto 0;background:#fff;border-radius:14px;padding:14px 18px;border:1px solid rgba(255,107,107,0.08);box-shadow:0 18px 40px rgba(244,177,170,0.06);color:#333;font-size:15px;min-height:52px;display:flex;align-items:center;gap:12px}
.typing-box::before{content:'';width:36px;height:36px;border-radius:50%;background:rgba(255,107,107,0.08);display:inline-block}
.typing-box .typing-cursor{display:inline-block;width:6px;height:20px;background:#FF8B13;margin-left:6px;vertical-align:baseline;animation:blink 1s steps(2, start) infinite}
@keyframes blink{50%{opacity:0}}

.hero .hero-fixed {
  position: absolute;
  top: 54%;
  left: 0;
  width: 100%;
  transform: translateY(-50%);
  z-index: 20;
  pointer-events: auto;
  padding: 0 0 24px 0;
}
.ai-icons button{
  color: #000;
}
/* Ensure title -> description -> search box ordering and spacing */
.hero-fixed .container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center}
.hero-fixed h1{margin-bottom:0;font-weight: 500; font-family: 'Times New Roman', Times, serif;
text-shadow: 2px 2px 4px rgba(0,0,0,0.5);}
.hero-fixed h1 span{
  /* font-family: "Great Vibes", "Dancing Script", cursive; */
  color: #FF8B13;
  font: 25px;
}
.hero-fixed p{margin-top:0}
.hero-search-inline{margin-top:8px}


/* Search strip sits between hero and pick-who-join */
.search-strip{ display:flex; justify-content:center; position:relative; /* keep hero overlap but slightly lower so next section sits below */ margin-top:-190px; pointer-events:auto; z-index:53 }
/* @media(max-width: 768px){
  .search-strip{
    margin-top: -200px;
  }
} */
.search-strip .ai-search-box{ pointer-events:auto; position:relative; transform:none; left:auto; width:50%; max-width:820px; z-index:53; margin:0 auto; top:0 }
.search-strip .ai-search-body{ height:140px; padding:12px }
@media (max-width:900px){
  /* .search-strip{ margin-top:-18px } */
  .search-strip .ai-search-box{ width:86%; max-width:720px;  }
}

/* Side info boxes flanking the AI search */
.search-flex{ gap:50px; position:relative; z-index:53 }
.side-box{ width:220px; min-width:160px; max-width:240px; background:#fff; border-radius:12px; padding:10px 14px; border:3px solid #FF8B13; box-shadow:0 10px 24px rgba(9,10,12,0.06); color:#071217; text-align:center; position:relative; z-index:9999 }
.side-box .box-title{ font-size:18px; color:#555; font-weight:600; margin-bottom:6px }
.side-box .box-value{ font-size:16px; font-weight:800; color:#0b2a33 }
.box-number{ font-size:24px; font-weight:800; color:#FF8B13; line-height:1; }
.box-country{ font-size:20px; font-weight:800; color:#FF8B13; line-height:1; }
.side-box .box-value{ display:flex; flex-direction:column; align-items:center; justify-content:center }
/* Prevent the surrounding flex container from changing the AI search box width/height
  Keep the AI search box sizing identical to previous implementation and bring it above
  the hero using a high z-index. */
.search-flex .hero-search{ flex:0 0 auto; }
.search-flex .ai-search-box{ width:50%; max-width:820px; min-width:800px; z-index:9999; position:relative }
@media(max-width: 1024px){
  .search-flex .ai-search-box{ min-width:600px; }
}
@media(max-width: 768px){
  .search-flex .ai-search-box{ min-width:400px; }
}
@media(max-width: 480px){
  .search-flex .ai-search-box{ min-width:280px; }
}
@media (max-width:900px){
  .search-flex{ flex-direction:column; align-items:center; gap:12px }
  .search-flex .ai-search-box{  width:86%; max-width:720px; }
  /* hide the left/right side boxes on small screens to keep focus on the AI search */
  .side-box{ display:none !important }
  /* reduce overlap so the search box isn't hidden behind the hero */
  /* .search-strip{ margin-top: -18px } */
  .search-strip .ai-search-box{ width:86%; max-width:720px;  z-index:9999 }
}

/* Hero corner logos (overlayed on top of hero slides) */
.hero .hero-logos{
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:25;
}
.hero .hero-logos .hero-logo{
  position:absolute;
  max-width:100px;
  width:auto;
  height:auto;
  mix-blend-mode: multiply;
  object-fit:contain;
  pointer-events:none;
  filter: drop-shadow(0 6px 18px rgba(0,0,0,0.22));
}
/* Overlap search: make the hero search sit half over the hero and half over the next section */
.hero-fixed .ai-search-box{
  /* keep hero-fixed search rules for header-area search, but default positioning is static
     when the form is placed inside .search-strip we override below */
  position: absolute;
  left: 50%;
  bottom: -18px;
  transform: translateX(-50%);
  width: 50%;
  max-width: 720px;
  z-index: 81;
  box-shadow: 0 18px 40px rgba(30,105,197,0.06);
}
.hero-fixed .ai-search-body{display:block}
.hero-search-inline{margin-top:0}

/* Make next section have top padding so overlap looks natural */
.trending-section, .honeymoon-section, .takecharge-section{padding-top:64px}

/* Push the "pick who join" area a little lower so it doesn't sit too close to the taller hero */
/* .pick-who-join-main{ margin-top:36px } */

/* --- Tourism Board Alliances (logo auto-slide) --- */
.tourism-board-alliances{ background: #ffffff; padding:22px 0 6px; margin-bottom:200px }
.tourism-board-alliances .section-title{ margin-bottom:12px; color:#071217 }
.tba-wrap{ overflow:hidden; position:relative }
.tba-track{ display:flex; gap:40px; align-items:center; width:max-content; padding:12px 0 }
.tba-item{ display:flex; align-items:center; justify-content:center; padding:6px 12px }
.tba-item img{ height:170px; width:240px; border-radius: 20px; opacity:0.95; filter:grayscale(0.03); display:block }

/* Image container to allow caption overlay */
.tba-image{ position:relative; display:inline-block }
.tba-image img{ display:block; border-radius:20px }
.tba-caption{ position:absolute; left:50%; transform:translateX(-50%); bottom:10px; background:rgba(0,0,0,0.55); color:#fff; padding:6px 10px; border-radius:8px; font-weight:600; font-size:14px; letter-spacing:0.2px }

@media (max-width:768px){
  .tba-caption{ font-size:12px; padding:4px 8px }
  .tba-item img{ height:auto; width:120px }
}

/* duplicate container to create seamless loop - animate translateX by 50% */
.tba-track-wrap{ display:flex; width:max-content; align-items:center }
.tba-track-wrap .tba-track{ margin-right:48px }

@keyframes tba-scroll {
  0%{ transform: translateX(0) }
  100%{ transform: translateX(-50%) }
}
.tba-viewport{ display:block; overflow:hidden }
.tba-viewport .tba-track-wrap{ animation: tba-scroll 20s linear infinite }

@media (max-width: 768px){
  .tba-item img{ max-height:44px }
  .tba-track{ gap:20px }
  .tourism-board-alliances{ margin-bottom:140px }
}

/* --- Why Wander cards (background icon + text to right) --- */
.why-wanderon{ background:transparent; }
.why-wanderon .section-title{
    color: #FF8B13 ;
    font-weight: 700;
}
.why-wanderon .why-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:24px }
.why-card{ background-color:#fff; border-radius:12px; padding:36px 30px 36px 260px; box-shadow:0 10px 30px rgba(2, 6, 23, 0.06); min-height:352px; display:flex; align-items:flex-start; position:relative; overflow:hidden }
.why-card-body{ max-width:70%; margin-left:0; text-align:left; position:relative }

.why-card .why-icon{ position:absolute; left:0px; top:46%; transform:translateY(-50%); width:297px; height:auto; pointer-events:none }
.why-card .why-icon svg{ width:297px; height:auto; display:block }

.why-card h3{
  /* font-family: 'Playfair Display', serif; */
  font-weight:700;
  font-size:26px;
  margin-bottom:10px;
  letter-spacing:0.2px;
  /* gradient headline to match the decorative SVG look */
  background: linear-gradient(90deg, #42AEAD  0%, #42AEAD  100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #42AEAD ; /* fallback */
  text-shadow: 0 2px 8px rgba(11,159,207,0.06);
}
.why-card p{ color:#333; line-height:1.5; font-size:15px }

/* decorative right-side vertical divider */
.why-card::after{
  content: "";
  position: absolute;
  right: 24px;
  top: 36px;
  width: 6px;
  height: 64px;
  border-radius: 4px;
  /*background: linear-gradient(180deg, #01AFD1 0%, #0B9FCF 100%);*/
  background: linear-gradient(180deg, #42AEAD  0%, #42AEAD  100%);
  box-shadow: 0 6px 18px rgba(11,159,207,0.14);
  pointer-events: none;
}

@media (max-width:1100px){
  .why-wanderon .why-grid{ grid-template-columns:repeat(2,1fr) }
  .why-card{ background-size:120px; height:240px; padding-left:200px }
  .why-card-body{ max-width:60% }
  .why-card::after{ right:18px; top:28px; height:56px }
}

@media (max-width:700px){
  .why-wanderon .why-grid{ grid-template-columns:1fr; gap:18px }
  .why-card{ background-position:left top; background-size:100px; padding:18px; height:180px }
  .why-card-body{ max-width:100%; margin-left:0 }
  .why-card::after{ display:none }
}

/* Logo description section */
.logo-description{ background: #fff; padding-top:30px; padding-bottom:36px }
.logo-desc-inner{ display:flex; gap:24px; align-items:center; justify-content:space-between }
.logo-desc-inner{ position:relative }
.logo-desc-left{ flex:1 }
/* left column descriptive paragraphs */
.logo-line{ margin-bottom:18px }
.logo-line p{ color:#0b2a33; font-size:15px; line-height:1.45; max-width:420px; margin:0 }
.stats-row{ display:flex; gap:22px; align-items:center; justify-content:flex-start; flex-wrap:wrap }
.stat{ min-width:120px; background:transparent; border-radius:8px; padding:8px 12px }
.stat-num{ color:#FF8B13; font-weight:800; font-size:28px }
.stat-label{ font-size:13px; color:#333 }
.logo-desc-center{ flex:0 0 360px; display:flex; align-items:center; justify-content:center }
.brand-wrap{ text-align:center }
.brand-logo{ max-width:260px; height:auto; display:block }
.logo-desc-right{ flex:1; display:flex; flex-direction:column; gap:18px; align-items:flex-start }
.logo-desc-right .logo-line p{ color:#0b2a33; font-size:15px; line-height:1.45; max-width:420px; margin:0 }
.logo-annotations{ list-style:none; padding:0; margin:0; display:none }
.logo-annotations li{ font-size:15px; color:#0b2a33; display:flex; align-items:flex-start; gap:12px }
.logo-annotations .dot{ width:12px; height:12px; border-radius:50%; margin-top:6px; flex:0 0 12px }
.dot-yellow{ background:#FF8B13 }
.dot-blue{ background:#01afd1 }
.dot-orange{ background:#ff8a50 }
.dot-green{ background:#0bbf7a }

@media (max-width:900px){
  .logo-desc-inner{ flex-direction:column; text-align:center }
  .logo-desc-left, .logo-desc-right{ order:2 }
  .logo-desc-center{ order:1 }
  .logo-desc-left{ width:100%; display:flex; justify-content:center }
  .stats-row{ justify-content:center }
  .brand-logo{ max-width:220px }
}

/* Connectors overlay */
.logo-overlay{ position:absolute; inset:0; pointer-events:none; z-index:1 }
.logo-connectors{ position:absolute; inset:0; width:100%; height:100%; }
.logo-connectors .connector{ stroke:#FF8B13; stroke-width:2; stroke-dasharray:6 6; stroke-linecap:round }
.logo-connectors .connector-dot{ fill:#FF8B13 }
.anno{ position:absolute; display:flex; gap:10px; align-items:center; z-index:2; max-width:280px }
.anno .anno-dot{ width:10px; height:10px; border-radius:50%; background:#FF8B13; box-shadow:0 4px 12px rgba(245,158,11,0.12) }
.anno .anno-text{ color:#1f2937; font-weight:700 }
.anno-left{ left:10px; top:110px; text-align:left }
.anno-right-top{ right:18px; top:40px; text-align:left }
.anno-right-mid{ right:18px; top:150px; text-align:left }
.anno-bottom{ left:40%; top:260px; text-align:left }

@media (max-width:900px){
  .logo-overlay{ display:none }
}

/* Video controls overlay */
.hero-swiper .swiper-slide{position:relative}
.hero-swiper .video-controls{position:absolute;right:12px;bottom:150px;z-index:95;display:flex;gap:8px}
.hero-swiper .video-controls button{background:rgba(0,0,0,0.45);border:0;color:#fff;padding:8px;border-radius:8px;cursor:pointer}
.hero-swiper .video-controls button:focus{outline:2px solid rgba(255,255,255,0.2)}

@media (max-width:900px){
  .hero-fixed .ai-search-box{width:86%;left:50%;bottom:-28px}
  .trending-section, .honeymoon-section, .takecharge-section{padding-top:40px}
}
/* .hero .hero-logos .logo-left{ right:100px; top:100px; }
.hero .hero-logos .logo-right{ right:18px; top:100px; } */

@media (max-width:900px){
  .hero .hero-logos .hero-logo{ max-width:80px; }
  .hero .hero-logos .logo-left{ left:12px; top:12px; }
  .hero .hero-logos .logo-right{ right:12px; top:12px; }
}

@media (max-width:480px){
  .hero .hero-logos .hero-logo{ max-width:60px; opacity:0.95; }
  .hero .hero-logos .logo-left{ left:8px; top:8px; }
  .hero .hero-logos .logo-right{ right:8px; top:8px; }
}

/* When overlaying, nudge position slightly on small screens so content stays visible */
@media (max-width:700px){
  /* Small screens: nudge down less aggressively */
  .hero .hero-fixed{ top:46%; }
}

.fw-6{
  font-weight:600;
}

@media (min-width:1900px){
  .hero-swiper .swiper-slide{
  height: 80vh;
}
}
@media (max-width:768px){
  .hero-swiper .swiper-slide{
  height: 80vh;
}
}

.hero-swiper .swiper-slide-active{
  opacity:1;
}

.hero-swiper .overlay{
  position:absolute;
  inset:0;background:linear-gradient(180deg, rgba(9,9,9,0.35), rgba(9,9,9,0.6));
  z-index:1;
}

/* Ensure videos fill slides and sit under the overlay/hero content. 
   Do not force 100% heights (percent heights can collapse when parent uses min-height).
   Keep slide height controlled by the explicit rule above (70vh). */
.hero-swiper{ position:relative; }
.hero-swiper .swiper-wrapper{ position:relative; }
.hero-swiper .swiper-slide{ position:relative; overflow:hidden; }
.hero-swiper .swiper-slide video{
  position:absolute;
  left:0; top:0; right:0; bottom:0;
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  z-index:0;
  transition:opacity .24s ease, visibility .24s ease;
}
/* Do not hide non-active videos via CSS — JS will pause and hide them reliably after init. */

.hero-content{
  position:relative;
  z-index:2;
  text-align:center;
  max-width:980px;
  color:#fff;
}

.hero-content h1{
  font-size:64px;
  /* font-family: 'Arial', sans-serif; */
  line-height:0.95;
  margin:0 0 18px;
  font-weight:800;
}

.hero-content p{
  font-size:16px;
  opacity:0.95;
  margin-bottom:20px;
}

/* AI-style inline hero search box */
.hero-search-inline { 
  display:flex; 
  justify-content:center; 
}

.ai-search-box{
  background:#f5f3f3;
  color:#111;
  min-width:481px;
  width:100%;
  border-radius:20px;
  /* padding:5px 1px; */
  display:block;
  /* box-shadow: 0 2px 6px rgb(47, 161, 231); */
  border:3px solid #FF8B13;
}

.ai-search-body{
  display:flex;
  flex-direction:column;
  gap:10px;
  height: 101px;
  align-items:center;
  /* padding-bottom:20px; */
  position: relative;
}

/* marquee wrapper */
    .marquee {
      background: #FF8B13;
      overflow: hidden;
      position: relative;
    }

    .marquee-track {
      display: flex;
      width: max-content; 
      align-items: center;
      animation: marquee-scroll var(--marquee-duration) linear infinite;
    }

    
    .marquee-group {
      display: flex;
      align-items: center;
      white-space: nowrap;
      gap: 2.5rem;
      padding: 0.6rem 2rem; 
      font-weight: 700;
      letter-spacing: 0.5px;
      color: #ffffff;
      font-size: 1.05rem;
      /* font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial; */
    }

    /* separator dot style (optional) */
    /*.marquee-item + .marquee-item::before {*/
    /*  content: "·";*/
    /*  display: inline-block;*/
    /*  margin: 0 1.2rem;*/
    /*  opacity: 0.85;*/
    /*  color: rgba(255,255,255,0.95);*/
    /*}*/

    /* pause on hover/focus */
    .marquee:hover .marquee-track,
    .marquee:focus-within .marquee-track {
      animation-play-state: paused;
    }

    /* keyframes: move left by half the track width because we duplicate content */
    @keyframes marquee-scroll {
      0%   { transform: translateX(0); }
      100% { transform: translateX(-50%); }
    }

    /* Responsive tweaks */
    @media (min-width: 1200px) {
      .marquee-group { gap: 3.2rem; font-size: 1.1rem; }
    }
    @media (max-width: 576px) {
      .marquee-group { gap: 1.2rem; font-size: 0.95rem; padding: 0.5rem 1rem; }
    }

/* Responsive tweaks for Influencer section */
.influencer-section .influencer-row{ display:flex; gap:28px; align-items:stretch; flex-wrap:wrap; }
.influencer-section .influencer-left,
.influencer-section .influencer-right{ flex:0 0 48%; min-width:300px; }
.influencer-media{ position:relative; width:100%; height:100%; overflow:hidden; border-radius:16px; }
.influencer-media video{ width:100%; height:100%; object-fit:cover; display:block; }
.influencer-cta{ position:absolute; right:18px; bottom:18px; background:rgba(255,255,255,0.92); color:#FF8B13; padding:10px 14px; border-radius:10px; text-decoration:none; font-weight:600; z-index:3; }
.influencer-card{ display:flex; flex-direction:column; justify-content:space-between; }

/* Tablet and below: stack columns and relax fixed min-heights */
@media (max-width: 992px){
  .influencer-section .influencer-row{ flex-direction:column; gap:20px; }
  .influencer-section .influencer-left,
  .influencer-section .influencer-right{ flex:0 0 100% !important; min-width:0 !important; }
  .influencer-media{ height:auto; }
  .influencer-media video{ max-height:420px; }
  .influencer-card{ min-height:auto !important; padding:28px !important; }
  .influencer-avatars{ gap:10px; }
}

/* Small phones: tighten spacing and scale avatars */
@media (max-width: 600px){
  .influencer-media video{ max-height:320px; }
  .influencer-card{ padding:18px !important; }
  .influencer-cta{ right:12px; bottom:12px; padding:8px 12px; font-size:14px; }
  .influencer-avatars .avatar{ width:40px !important; height:40px !important; }
}

/* Mobile + Tablet sticky header: show only brand, login and hamburger; hide extra logos, nav and hero corner logos */
@media (max-width: 1024px){
  /* When header becomes sticky, reduce clutter */
  .site-header.sticky .main-nav,
  .site-header.sticky .logo-img-header,
  .site-header.sticky .header-search,
  .site-header.sticky .ai-icons{
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  /* Ensure primary brand logo remains visible */
  .site-header.sticky .brand{ display:flex !important; align-items:center; }

  /* Force login button visible in sticky header on mobile */
  .site-header.sticky .btn.btn-outline-light{ display:inline-block !important; }
  .site-header.sticky .btn.btn-outline-light:hover{ color:#0b7fcf; background: transparent; }

  /* Keep the menu toggle visible */
  .site-header.sticky .mobile-toggle{ display:inline-flex !important; }

  /* Also hide hero corner logos (if present) when on small screens */
  .hero .hero-logos{ display:none !important; }
}

.ai-text{
  width:min(920px,90%);
  resize:none;
  /* min-height:56px; */
  /* max-height:160px; */
  padding:12px 14px;
  border-radius:8px;
  border:0;
  font-size:15px;
  color:#222;
  background:#f5f3f3;

}
.ai-text.autotyping{ 
  color: #9aa0a6 !important; 
}

.ai-text:focus{
  outline:none;
  border: none;
}

.ai-text::placeholder{
  color:rgba(0,0,0,0.35);
}

/* .ai-text:empty::before{
  content:'Plan a 5-day trip to Bali with water villas, scuba diving, and top Instagram spots.'; color:rgba(0,0,0,0.35);
} */

.ai-icons{
  display:flex;
  justify-content:flex-end;
  gap:8px;
  align-items:center;
  position:absolute;
  right:20px;
  bottom:5px;
}

.ai-icons .icon{
  background:transparent;
  border:0;
  font-size:15px;
  cursor:pointer;
  padding:8px;
  border-radius:8px;
}

.ai-icons .submit{
  /* background:linear-gradient(180deg,#FF8B13,#ff8a43); */
  color:#0b7fcf;
}

/* The site has a generic rule hiding hero-search buttons; override it for the inline AI search */
.hero-search-inline .ai-icons .icon{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  width:48px;
  height:48px;
  font-size:20px;
  color:#333;
  border:0;
  padding:6px;
  border-radius:12px;
}

.hero-search-inline .ai-icons .mic{
  color:#FF8B13;
}

.hero-search-inline .ai-icons .submit{
  color:#0b7fcf;
  padding:10px 14px;
  font-weight:700;
}

.hero-search-inline .ai-icons .icon:focus{
  outline:3px solid rgba(7,18,23,0.08);
  outline-offset:3px;
}

@media (max-width:700px){
  .ai-search-box{
    padding:12px 14px;
    min-width:350px;
  }
  .ai-text{
    font-size:15px;
  }
  .hero-search-inline .ai-icons .icon{
    width:40px;
    height:40px;
  }
}

.hero-search{
  display:flex;
  gap:8px;
  justify-content:center;
}



/* Styling for the animated typing input to match the attached rounded box */
#heroQuickSearch{
  height:100px;
  line-height:22px;
}

/* Small responsive tweak */
@media (max-width:480px){
  #heroQuickSearch{
    height:48px;
    font-size:15px;
  }
}

.hero-arrow{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  background:rgba(0,0,0,0.45);
  border:0;
  color:#fff;
  font-size:26px;
  width:46px;
  height:46px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:3;
  cursor:pointer;
}

.hero-arrow.prev{
  left:16px;
}
.hero-arrow.next{
  right:16px;
}

.hero-dots{
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  bottom:18px;
  display:flex;
  gap:8px;
  z-index:3;
}

.hero-dots button{
  width:10px;
  height:10px;
  border-radius:50%;
  background:rgba(255,255,255,0.35);
  border:0;

/* Responsive adjustments for hero-strip on narrow screens */
@media (max-width:700px) {
  .hero-strip{
    display:none;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    /* border-radius: 14px; */
    font-size: 14px;
    margin-top: -12px; 
    width: calc(100% - 28px);
    margin-left: auto;
    margin-right: auto;
  }
  .hero-strip p{
    margin: 0;
    padding: 0 6px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
  }
}

@media (max-width:420px){
  .hero-strip{display: none; font-size:13px; padding:8px 12px; margin-top: -10px; }
}
}

.hero-dots button.active{
  background:var(--accent);
}

/* Content placeholders */

.content-block{
  min-height:300px;
  padding:60px 20px;
  background:#fff;
  color:#111;
}

/* Influencer / testimonial split section */
.influencer-section .influencer-media img{display:block;width:100%;height:100%;object-fit:cover}
.influencer-section .influencer-cta{
  position:absolute;left:28px;bottom:24px;background:linear-gradient(180deg,#FF8B13,#FF8B43);color:#fff;padding:12px 20px;border-radius:10px;text-decoration:none;font-weight:700;box-shadow:0 8px 30px rgba(217,83,83,0.18);
  width: fit-content;
}
.influencer-section .influencer-card{background:#fbf0e9;border-radius:16px;padding:28px;display:flex;flex-direction:column;justify-content:space-between}
.influencer-section .influencer-card h3{color:#FF8B13;margin:0}
.influencer-section .influencer-avatars{display:flex;gap:12px}
.influencer-section .influencer-avatars .avatar img{display:block;width:100%;height:100%;object-fit:cover}
.influencer-section .influencer-btn{background:#FF8B13;border:0}

@media (max-width:900px){
  .influencer-row{flex-direction:column}
  .influencer-left, .influencer-right{flex:1 1 100%}
  .influencer-section .influencer-cta{left:16px;right:auto}
}

/* Make media and testimonial card equal height */
.influencer-row{align-items:stretch}
.influencer-left, .influencer-right{display:flex;flex-direction:column}
.influencer-section .influencer-media{flex:1 1 auto;min-height:280px;display:flex;flex-direction:column;border-radius:16px;overflow:hidden}
.influencer-section .influencer-card{flex:1 1 auto}

@media (max-width:900px){
  .influencer-section .influencer-media{min-height:200px}
}

/* Support section styles */
.support-section{background:linear-gradient(180deg,#fbf5f2,#fff);}
.support-row{align-items:stretch}
.support-phone .phone-frame{width:100%;border-radius:28px;
  /* border:10px solid #000; */
  overflow:hidden;
  /* box-shadow:0 18px 40px rgba(0,0,0,0.06); */
  /* background:#fff; */
}
.support-phone .phone-frame img{width:100%;height:100%;object-fit:cover;display:block}
.support-right .support-cards{display:flex;flex-direction:column;gap:18px;margin-top:12px}
.support-card{display:flex;gap:14px;align-items:flex-start;background:#fff;border-radius:12px;padding:16px;box-shadow:0 8px 30px rgba(2,6,11,0.06);}
.support-card .card-icon{width:56px;height:56px;border-radius:10px;background:#fff3ec;display:flex;align-items:center;justify-content:center;font-size:22px;color:#e67e22;flex:0 0 56px}
.support-card .card-body .card-title{font-weight:700;color:#111;margin-bottom:6px}
.support-card .card-body .card-sub{color:#666;font-size:14px}

/* Inline SVG chat screen styling inside the phone photoframe */
.support-phone svg.phone-frame{
  width:280px;
  max-width:100%;
  height:auto;display:block;
}
.chat-screen{
  /* font-family: 'Inter', sans-serif; */
  color:#333;}
.chat-screen .bot-bubble{background:#fff;border-radius:10px;padding:10px 12px;max-width:85%;box-shadow:0 6px 18px rgba(0,0,0,0.04);color:#333;font-size:14px}
.svg-bot-text-body{
  font-size: 17px;
}
.chat-screen .bot-bubble.small{font-size:12px;color:#555}
.chat-screen .user-bubble{background:#ff7a00;color:#fff;padding:10px 12px;border-radius:10px;max-width:80%;font-size:13px}
.typing-dots{display:flex;align-items:center;justify-content:flex-end}
.typing-dots span{width:6px;height:6px;background:#fff;border-radius:50%;display:inline-block;opacity:0.2}
.typing-dots span:nth-child(1){animation:dot 1s linear infinite 0s}
.typing-dots span:nth-child(2){animation:dot 1s linear infinite 0.15s}
.typing-dots span:nth-child(3){animation:dot 1s linear infinite 0.3s}
@keyframes dot{0%{opacity:0.2;transform:translateY(0)}50%{opacity:1;transform:translateY(-4px)}100%{opacity:0.2;transform:translateY(0)}}

/* Small responsive tweak to keep phone scaled */
@media (max-width:900px){
  .support-phone svg.phone-frame{width:220px}
}

/* Bot typing dots (left aligned) */
.typing-dots.bot{align-self:flex-start;justify-content:flex-start;margin-top:6px}

/* Bot label shown above every bot message */
.bot-group{display:flex;flex-direction:column;gap:6px;align-items:flex-start}
.bot-label{background:#fff;border-radius:12px;padding:6px 10px;color:#FF8B13;font-weight:700;font-size:12px;box-shadow:0 6px 18px rgba(0,0,0,0.04);}

/* Bot name inside the bubble (when placed within .bot-bubble) */
.bot-bubble .bot-name{color:#FF8B13;font-weight:700;font-size:12px;margin-bottom:6px}

@media (max-width:900px){
  .support-row{flex-direction:column}
  .support-left,.support-right{flex:1 1 100%}
  .support-phone{order:2}
  .support-right{order:1}
}

/* Responsive */

@media (max-width:900px){
  .slide-inner h1{
    font-size:44px;
  }
  .brand-text{
    font-size:18px;
  }
}

@media (max-width:700px){
  .main-nav{
    display:none;
  }
  .mobile-toggle{
    display:block;
  }
  :root{
    --header-height:60px;
  }
  .slide-inner h1{
    font-size:28px;
  }
  .hero-search{
    flex-direction:column;
    padding:0 20px;
  }
  .hero-search input{
    width:100%;
  }
  .slide-arrow{
    width:40px;
    height:40px;
    font-size:22px;
  }
}

.nav-options .plan-holidays-btn{
  background-color: #FF8B13;
}

/* Mobile hero adjustments: hide hero nav arrows and make text more readable */
@media (max-width:768px){
  /* hide Swiper prev/next on small screens to reduce clutter */
  .hero-swiper .swiper-button-prev,
  .hero-swiper .swiper-button-next{
    display:none!important;
  }

  /* make hero full-bleed but ensure content has breathing room */
  .hero-content{
    padding:12px 16px;
    padding-top: calc(var(--header-height) + 8px);
    max-width:92%;
    margin:0 auto;
  }

  .hero-content h1{
    font-size:clamp(20px, 6vw, 36px);
    line-height:1.08;
    margin-bottom:10px;
  }

  .hero-content p{
    font-size:14px;
    margin-bottom:12px;
    opacity:0.95;
  }

  .hero-search{gap:10px;padding:0 10px}
  .hero-search input{font-size:15px;padding:12px}
  .hero-search button{padding:12px}
}



/* hero strip  */

.hero-strip{
  background: #000;
  color:#fff;
  box-shadow: 0 5px 10px rgba(0,0,0,0.04);
  padding:15px 12px;
  text-align:center;
  font-size:15px;
  font-weight:600;
  margin-top: -31px;
  opacity: 1;
  border-radius: 30px;
  display: flex;
  justify-content: space-around;
  position: relative; 
  z-index: 21; 
  align-items: center;
  align-content: center;
}
.hero-strip p{
  margin: auto;
}
.hero-strip p i{
  color: rgb(21, 194, 21);
  margin-right: 8px ;
  font-weight: 800;
}

@media (max-width:900px){
  .hero-strip{
    display: none;
  }
}

/* Testimonials */
.testimonials-section{
  background:transparent;
  padding:56px 20px;
}

/* Journey (real experiences) - triangle cards */
.journey-tri-section{padding:56px 0;
  /* background:linear-gradient(180deg,#f6fbff 0%, #fff 100%); */
  background-color: #fbf0e9;
}
.journey-tri-section .container{max-width:1200px}
.journey-tri-grid{display:flex;gap:36px;align-items:flex-end;justify-content:space-between;flex-wrap:wrap}
.tri-card{flex:1 1 30%;min-width:220px;max-width:380px;display:flex;flex-direction:column;align-items:center}
.tri-media{position:relative;width:100%;padding-top:90%; /* aspect spacing */ overflow:hidden;border-radius:8px;
  /* box-shadow:0 18px 40px rgba(9,30,63,0.06); */
}
.tri-media .media-inner{position:absolute;inset:0;/* triangle mask */clip-path:polygon(50% 0%, 0% 100%, 100% 100%);overflow:hidden;background:#000}
.tri-media video,.tri-media img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;display:block}
.tri-media .play-cta{position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.9);box-shadow:0 6px 18px rgba(2,6,11,0.12);cursor:pointer}
.tri-caption{margin-top:18px;text-align:center}
.tri-caption h4{font-size:20px;margin:6px 0 0;color:#0b2a33}
.tri-caption p{color:#556; margin:6px 0 0}
.tri-card .media-inner::after{content:'';position:absolute;inset:0;border-radius:6px;box-shadow:inset 0 0 0 2px rgba(255,255,255,0.02)}
.tri-media:hover .media-inner{transform:scale(1.02)}

@media (max-width:900px){
  .journey-tri-grid{flex-direction:column;align-items:center}
  .tri-card{max-width:460px}
}

/* Why Choose (enhanced) */
.why-choose{padding:56px 0;background:linear-gradient(180deg,#f0fbff 0%, #fff 100%);}
.why-panel{background:#fbf0e9;border-radius:16px;padding:26px;box-shadow:0 12px 30px rgba(8,20,40,0.06);}
.why-grid{display:flex;gap:22px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.why-card{flex:1 1 28%;min-width:200px;display:flex;flex-direction:column;align-items:center;padding:18px 0px}
.why-card .icon{width:66px;height:66px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#fff 0%, #f1fbf8 100%);box-shadow:0 6px 16px rgba(10,30,60,0.06);font-size:28px;color:#0db058}
.why-card h3{margin:12px 0 6px;font-size:20px;color:#0b2a33}
.why-card p{color:#566;margin:0}
.why-center{flex:0 0 240px;display:flex;flex-direction:column;align-items:center;justify-content:center}
.why-center .logo-wrap{width:180px;height:180px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  /* background:linear-gradient(135deg,#e6fff6 0%, #fff 100%); */
  /* box-shadow:0 10px 30px rgba(6,18,30,0.08); */
}
.why-center .logo-wrap img{max-width:140px;display:block}
.why-center .tagline{margin-top:12px;font-weight:700;color:#0b2a33}

@media (max-width:900px){
  .why-grid{flex-direction:column;align-items:center}
  .why-center{order:0;margin:12px 0}
  .why-card{width:100%;max-width:520px}
}
@media (max-width: 768px){
    .why-card{width:100%;max-width:300px; margin: auto; padding: 20px;}
}

/* Why Choose - columns and stacked items */
.why-grid{display:flex;gap:28px;align-items:center;justify-content:space-between}
.why-col{flex:1 1 28%;display:flex;flex-direction:column;gap:18px;align-items:center}
.why-item{background:transparent;border-radius:12px;padding:0;display:flex;flex-direction:column;gap:12px;align-items:center;box-shadow:none}
.why-item .icon{border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:36px;color:#0db058;}
.why-item h4{margin:6px 0 0;font-size:18px;color:#0b2a33;text-align:center}
.why-item p{margin:4px 0 0;color:#566;font-size:13px;text-align:center;max-width:200px}

@media (max-width:900px){
  .why-grid{flex-direction:column;align-items:center}
  .why-col{width:100%;max-width:560px}
}

/* Reveal animation for Why Choose tiles */
.why-item{opacity:0;transform:translateY(18px) scale(.98);transition:opacity .6s cubic-bezier(.2,.9,.2,1),transform .6s cubic-bezier(.2,.9,.2,1);will-change:opacity,transform}
.why-item.visible{opacity:1;transform:none}
.why-center{opacity:0;transform:translateY(6px) scale(.99);transition:opacity .6s cubic-bezier(.2,.9,.2,1),transform .6s cubic-bezier(.2,.9,.2,1)}
.why-center.visible{opacity:1;transform:none}

@media (prefers-reduced-motion: reduce){
  .why-item, .why-center{transition:none!important}
}
.testimonial-card{
  background:#fff;
  border-radius:12px;
  border:1px solid rgba(7,18,23,0.04);
  box-shadow:0 8px 26px rgba(2,6,11,0.04);
  min-height:160px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}
.testimonial-card .test-body{
  color:#5b6370;
  font-size:15px;
  line-height:1.6;
}
.test-avatar{
  width:54px;
  height:54px;
  border-radius:50%;
  object-fit:cover;
}
.test-author .muted{
  font-size:13px;
  color:#6b6f77;
}

@media (max-width:700px){
  .testimonials-section{
    padding:28px 12px;
  }
  .testimonial-card{
    min-height:140px;
  }
}

/* About section styles */

.about-section{
  background:transparent;
  padding:56px 20px;
}
.about-section .stat-card{
  background:#fff;
  border-radius:10px;
  border:1px solid rgba(7,18,23,0.04);
  box-shadow:0 8px 20px rgba(2,6,11,0.04);
}
.about-section .stat-num{
  font-size:26px;
  font-weight:800;
  color:#071217;
}
.team-card{
  background:#fff;
  border-radius:10px;
  border:1px solid rgba(7,18,23,0.04);
  box-shadow:0 8px 20px rgba(2,6,11,0.04);
}
.team-avatar{
  width:84px;
  height:84px;
  border-radius:50%;
  object-fit:cover;
  margin:0 auto;
}

@media (max-width:700px){
  .about-section{
    padding:32px 12px;
  }
  .team-avatar{
    width:68px;
    height:68px;
  }
}

/* Contact section styles */
.contact-section .card{
  border-radius:12px;
}
.contact-section h3{
  font-size:22px;
  color:#071217;
}
.contact-section .form-label{
  font-weight:600;
}
.contact-section .btn-primary{
  background:#198cff;
  border-color:#198cff;
}

/* New footer styles */
.new-footer{
  /* font-family:Arial,Helvetica,sans-serif; */
  color:#071217; 
  background-color: #071b2b;
}
.new-footer .footer-outer{
  background:transparent;
  padding:44px 20px 0;
}
.new-footer .footer-inner{
  max-width:1200px;
  margin:0 auto;
}
.new-footer .footer-box{
  background:#fff;
  border-radius:12px;
  padding:28px;
  border:1px solid rgba(7,18,23,0.04);
  box-shadow: 0px 10px 45px rgba(0, 0, 0, 0.12); 
  margin-top: -200px;
}
.new-footer .footer-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:20px;
  align-items:stretch;
}
.new-footer .footer-grid .col h5{
  font-size:16px;
  margin-bottom:10px;
  color:#071217;
  font-weight: 600;
}
.new-footer .footer-grid .col p.muted{
  color:#6b6f77;
  font-size:14px;
  line-height:1.6;
}
.new-footer .brand img{
  height:46px;
}
.new-footer .links ul, .new-footer .brands ul, .new-footer .travellers ul{
  list-style:none;
  padding:0;
  margin:0;
}
.footer-fraud{
  color: red;
}
.new-footer .links li, .new-footer .brands li, .new-footer .travellers li{
  margin-bottom:8px;
}

/* Trending row: hide native horizontal scrollbar and add button focus styles */
#trendingCards{
  -ms-overflow-style: none; /* IE + Edge */
  scrollbar-width: none; /* Firefox */
  padding-bottom: 0 !important;
}
#trendingCards::-webkit-scrollbar{ display: none; height: 0; }

.trending-wrap button{
  cursor: pointer;
  background: #fff;
  border: 0;
}
.trending-wrap button:focus{
  outline: none;
  box-shadow: 0 0 0 4px rgba(25,140,255,0.12);
}
.trending-card img:hover{
  transform: scale(1.09);
  transition: transform 0.3s ease-in-out;
}

/* hide overlay buttons on very small screens */
@media (max-width:600px){
  .trending-wrap button{ display:none; }
  .trending-row{ gap:14px; }
  .trending-card{ min-width:160px; }
}


/* Testimonials: hide native scrollbar and small-screen tweaks */
#testimonialsCarousel{
  -ms-overflow-style: none;
  scrollbar-width: none;
}
#testimonialsCarousel::-webkit-scrollbar{ display:none; height:0; }
.testimonials-wrap button{ cursor:pointer; background:#fff; border:0; }
.testimonials-wrap button:focus{ box-shadow: 0 0 0 4px rgba(25,140,255,0.12); outline:none; }
@media (max-width:700px){
  .testimonials-wrap button{ display:none; }
  .testimonials-row{ gap:14px; }
  .test-card{ min-width:220px; }
}

/* Responsive card counts and scroll-snap for scrollers
   - Desktop: 3 cards visible
   - Tablet: 2 cards visible
   - Mobile: 1 card visible
*/
/* Apply to trending, testimonials, reasons and recent carousels */
#trendingCards, #testimonialsCarousel, #reasonsCarousel, .recent-carousel{
  scroll-snap-type: x mandatory;
}

#trendingCards .trending-card,
#testimonialsCarousel .test-card,
#reasonsCarousel .reasons-card,
.recent-carousel .recent-card{
  scroll-snap-align: start;
  -webkit-scroll-snap-align: start;
  flex: 0 0 calc((100% - 56px) / 3); /* default: 3 columns with 28px gap (2 * gap = 56px) */
  max-width: calc((100% - 56px) / 3);
}

/* Tablet: 2 cards */
@media (max-width: 1024px){
  #trendingCards .trending-card,
  #testimonialsCarousel .test-card,
  #reasonsCarousel .reasons-card,
  .recent-carousel .recent-card{
    flex: 0 0 calc((100% - 28px) / 2);
    max-width: calc((100% - 28px) / 2);
  }
}

/* Mobile: 1 card */
@media (max-width: 600px){
  #trendingCards .trending-card,
  #testimonialsCarousel .test-card,
  #reasonsCarousel .reasons-card,
  .recent-carousel .recent-card{
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.new-footer a{
  color:#7b7d7d;
  text-decoration:none;
  font-weight: 500;
}
.new-footer a:hover{
  color:var(--accent);
}
.new-footer .dest-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:8px;
}
.new-footer .dest-grid a{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:6px;
  text-align:center;
}
.new-footer .dest-grid img{
  width:64px;
  height:48px;
  border-radius:6px;
  object-fit:cover;
}
.new-footer .dest-grid span{
  font-size:13px;
  color:#5b6370;
}

.footer-bottom-dark{
  background:#071b2b;
  color:#fff;
  padding:18px 0;
  margin-top:18px;
  border-radius:8px;
}
.footer-bottom-inner{
  max-width:1200px;
  margin:0 auto;
  /* height: 100px; */
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:6px 20px; 
  flex-direction: column;
}
.footer-bottom-inner .logo-center img{
  height:80px;
  /* width: 150px; */
  object-fit: cover;
}
.footer-bottom-inner .socials-row{
  display:flex;
  gap:14px;
  align-items:center;
  justify-content:center;
  margin-top:14px;
}
.footer-bottom-inner .socials-row a{
  color:#fff;
  font-size:20px;
  text-decoration:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:64px;
  height:64px;
  border-radius:50%; 
  background:rgba(255,255,255,0.06);
  border:1px solid rgba(255,255,255,0.04);
}

.footer-bottom-inner .socials-row a.fb{
  background:#3b5998;
  border-color:#3b5998;
}
.footer-bottom-inner .socials-row a.insta{
  /* background:#e4405f; */
  background: linear-gradient(
  45deg,
  #f09433 0%,
  #e6683c 25%,
  #dc2743 50%,
  #cc2366 75%,
  #bc1888 100%
);
background:
    /* linear-gradient(white, white) padding-box, */
    linear-gradient(45deg,
      #f09433,
      #e6683c,
      #dc2743,
      #cc2366,
      #bc1888) border-box;
  /* border-color:#e4405f; */
  /* border: 3px solid #C13584; */

}
.footer-bottom-inner .socials-row a.twitter{
  background:#55acee;
  border-color:#55acee;
}
.footer-bottom-inner .socials-row a.linkedin{
  background:#0077b5;
  border-color:#0077b5;
}
.footer-bottom-inner .socials-row a.youtube{
  background:#ff0000;
  border-color:#ff0000;
}

.footer-bottom-inner .socials-row a i{
  font-size:25px;
}
.footer-bottom-inner .socials-row a:hover{
  /* color:var(--accent); */
  /* background:rgba(255,255,255,0.09); */
  transform:translateY(-3px);
}
.footer-bottom-inner .copyright{
  font-size:14px;
  color:rgba(255,255,255,0.8);
  margin-top:14px;
}

/* Divider with centered logo */
.footer-divider{
  display:flex;
  align-items:center;
  gap:18px;
  width:100%;
}
.footer-divider .line{flex:1;height:1px;background:rgba(255,255,255,0.18);display:block}
.footer-divider .logo-center{display:flex;align-items:center;justify-content:center;padding:6px 18px;background:transparent}
/* .footer-divider .logo-center img{height:36px} */

/* Back to top button (footer) */
.back-to-top{position:absolute;right:20px;bottom:18px;background:#fff;color:#071217;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;text-decoration:none;box-shadow:0 6px 18px rgba(2,6,11,0.12);opacity:0;visibility:hidden;transform:translateY(6px);transition:all .28s ease}
.back-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}
.back-to-top i{font-size:14px}

@media (max-width:980px){
  .footer-divider .logo-center img{height:34px}
  .back-to-top{right:12px}
}

@media (max-width:980px){
  .new-footer .footer-grid{grid-template-columns:repeat(2,1fr)}
  .new-footer .dest-grid{grid-template-columns:repeat(4,1fr)}
  .footer-bottom-inner{flex-direction:column;gap:8px;text-align:center}
}

@media (max-width: 768px){
    .footer-bottom-inner .socials-row a{
  
  width:50px;
  height:50px;
}
}

@media (max-width:520px){
  .new-footer .footer-grid{grid-template-columns:1fr}
  .new-footer .dest-grid{grid-template-columns:repeat(3,1fr)}
  .new-footer .brand img{height:40px}
}

/* Take Charge section */
.takecharge-section{padding:40px 20px; 
  
}
.tc-box{background:#fff;border-radius:20px;border:1px solid rgba(255,107,107,0.18);box-shadow:0 1px 20px #FF8B13;padding:28px}
.tc-inner{display:flex;align-items:center;gap:26px}
.tc-content{flex:1}
.tc-content h2{font-size:34px;line-height:1.05;color:#FF8B13 ;margin-bottom:12px;font-weight:700}
.tc-content p{color:#6b6f77;font-size:16px;max-width:720px;margin-bottom:18px}
.tc-cta{
 background-color: #FF8B13; display:inline-block;background:#FF8B13;color:#fff;padding:12px 22px;border-radius:12px;text-decoration:none;font-weight:700;box-shadow:0 8px 24px rgba(255,107,107,0.12)}
.tc-graphic{flex:0 0 320px;display:flex;justify-content:center}
.tc-graphic img{width:320px;height:auto;object-fit:contain; border-radius: 20px;}

@media (max-width:992px){
  .tc-inner{flex-direction:column-reverse;align-items:flex-start}
  .tc-graphic{width:100%;flex:0 0 auto}
  .tc-graphic img{width:260px}
  .tc-content h2{font-size:28px}
}

@media (max-width:520px){
  .tc-box{padding:18px;border-radius:14px}
  .tc-content h2{font-size:22px}
  .tc-graphic img{width:180px}
}

/* Testimonials styles */
.testimonials-section{padding:40px 20px; }
.testimonials-section .section-title{font-size:32px;margin-bottom:6px: color: #FF8B13 ;}
.test-card{position:relative;display:flex;flex-direction:column;align-items:center}
.test-avatar-wrap{width:260px;height:260px;border-radius:50%;overflow:hidden;box-shadow:0 12px 30px rgba(2,6,11,0.08);border:1px solid rgba(7,18,23,0.04)}
.test-avatar{width:100%;height:100%;object-fit:cover;display:block}
.test-panel{width:100%;margin-top:-48px;padding:0 10px}
.test-panel-inner{background:#fff;border-radius:16px;padding:18px;box-shadow:0 12px 30px rgba(2,6,11,0.06);border:1px solid rgba(7,18,23,0.04)}
.test-name{font-weight:800;font-size:18px;color:#071217;margin-bottom:8px;display:flex;align-items:center;justify-content:space-between}
.test-name .brand.small{font-weight:700;color:#ff6b6b;font-size:12px;margin-left:8px}
.test-text{color:#57585b;font-size:14px;line-height:1.5;margin-bottom:12px}
.test-meta{font-size:14px;color:#6b6f77;display:flex;align-items:center;gap:10px}
.test-stars{color:#ffcf36;margin-left:8px}

@media (max-width:992px){
  .testimonials-row{grid-template-columns:repeat(2,1fr)!important}
  .test-avatar-wrap{width:220px;height:220px}
}

@media (max-width:600px){
  .testimonials-row{grid-template-columns:1fr!important}
  .test-avatar-wrap{width:180px;height:180px}
}

/* Enquiry modal styles */
.enquire-modal{position:fixed;inset:0;display:none;z-index:99}
.enquire-modal.open{display:block}
.enquire-backdrop{position:fixed;inset:0;background:rgba(2,6,11,0.5)}
.enquire-dialog{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);max-width:500px;width:80%;background:#fff;border-radius:14px;box-shadow:0 40px 80px rgba(2,6,11,0.2);overflow:hidden}
.enquire-close{position:absolute;right:10px;top:8px;background:transparent;border:0;font-size:26px;line-height:1;color:#333;cursor:pointer;padding:6px}
.enquire-inner{display:flex;gap:0;min-height:360px; }
.enquire-form-wrap{flex:1;padding:10px 20px}
.enquire-form-wrap h3{margin-top:0px;margin-bottom:10px;font-size:20px}
.enquire-form-wrap .form-row{margin-bottom:10px;}
.enquire-form-wrap .enquire-sub{color:#6b6f77;margin-top:4px;margin-bottom:12px}
.enquire-form-wrap input,.enquire-form-wrap textarea{width:100%;padding:8px 16px;border-radius:12px;border:1px solid rgba(7,18,23,0.08);font-size:15px;background:#fff}
.pax-row{display:flex;gap:12px;margin-bottom:14px}
.pax-input{flex:1}
.pax-input label{font-size:13px;color:#5b6370;margin-bottom:6px;display:block}
.pax-input input{padding:5px 12px;border-radius:8px;border:1px solid rgba(7,18,23,0.08);width:100%}
.form-actions{display:block;margin-top:6px}
.submit-enquire{background:#FF8B13;color:#fff;padding:14px 20px;border-radius:12px;border:0;font-weight:700;width:100%;font-size:16px}
.enquire-side{display:none}
.enquire-dialog{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);max-width:600px;width:95%;background:#fff;border-radius:14px;box-shadow:0 40px 80px rgba(2,6,11,0.2);overflow:hidden;display:flex;flex-direction:column;max-height:calc(100vh - 48px)}
.enquire-close{position:absolute;right:12px;top:10px;background:transparent;border:0;font-size:28px;line-height:1;color:#333;cursor:pointer;padding:6px;z-index:20}
.enquire-inner{display:flex;gap:0;min-height:360px;flex:1;overflow:auto}
.enquire-form-wrap{flex:1;padding:22px 26px;overflow:auto}

/* Make modal full-height on small screens and scrollable */
@media (max-width:720px){
  .enquire-dialog{left:0;right:0;top:auto;bottom:0;transform:none;width:100%;max-width:none;border-radius:12px 12px 0 0}
  .enquire-inner{flex-direction:column}
  .enquire-side{width:100%;order:2}
  .enquire-form-wrap{order:1;padding:18px;max-height:60vh;overflow:auto}
  .enquire-dialog{max-height:92vh}
  .enquire-close{right:12px;top:6px}
}
.enquire-dialog{max-height:calc(100vh - 12px)}
.enquire-close{right:12px;top:10px}

/* Larger dialog header style to match reference */
.enquire-form-wrap h2{font-size:22px;margin:6px 0}
.enquire-form-wrap p.enquire-sub{font-size:14px}

@media (max-width:992px){
  .enquire-dialog{left:0;right:0;top:auto;bottom:0;transform:none;width:100%;max-width:none;border-radius:12px 12px 0 0;max-height:calc(100vh - 12px)}
  .enquire-inner{flex-direction:column}
  .enquire-side{width:100%;order:2}
  .enquire-form-wrap{order:1;padding:16px;max-height:calc(100vh - 160px);overflow:auto}
  .enquire-dialog{max-height:calc(100vh - 12px)}
  .enquire-close{right:12px;top:10px}
}

/* keep previous small-screen rules but ensure behaviour remains stable on very small phones */
@media (max-width:520px){
  .enquire-form-wrap{max-height:calc(100vh - 180px)}
}
/* Vertical separators between the first four footer menu columns */
.new-footer .footer-box .footer-grid .col{position:relative;padding:12px 18px}
.new-footer .footer-box .footer-grid .col:nth-child(n+2):nth-child(-n+4){
  border-left:1px solid rgba(22, 22, 22, 0.12);
  padding-left:28px;
}

@media (max-width:980px){
  /* remove separators on smaller widths to avoid cramped layout */
  .new-footer .footer-box .footer-grid .col:nth-child(n+2):nth-child(-n+4){ border-left:0;padding-left:0 }
}
.map-wrap iframe{display:block;width:100%;height:300px;border:0}

@media (max-width:768px){
  .map-wrap iframe{height:240px}
}



/* Featured Destinations styles */
.featured-section{
  padding:56px 20px 36px;
  background: #fff;
  color:#071217;
}
.featured-section .section-title{
  text-align:center;
  font-size:36px;
  margin:0 0 18px;
  font-weight:700;
}
.dest-categories{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-bottom:22px}
.dest-categories .pill{background:transparent;border:1px solid rgba(7,18,23,0.06);padding:10px 18px;border-radius:24px;color:#333;cursor:pointer}
.dest-categories .pill.active{background:var(--accent);color:#fff;border-color:transparent}

.dest-swiper{padding:8px 6px 18px; position:relative}
.dest-swiper .swiper-slide{width:320px}
.dest-card{background:transparent;border-radius:18px;padding:12px 6px;display:flex;flex-direction:column;align-items:center}
.dest-img{width:100%;height:190px;border-radius:16px;background-size:cover;background-position:center;box-shadow:0 12px 30px rgba(2,6,11,0.06)}
.dest-meta{display:flex;align-items:center;gap:8px;margin-top:12px;font-weight:700;color:#071217}
.dest-pin{font-size:16px}
.dest-name{font-size:18px}

/* Reasons to book carousel */
.reasons-section{
  background:transparent;
  padding:42px 20px;
}

.reasons-section .section-title{
  text-align:center;
  font-size:32px;
  margin-bottom:6px;
  font-weight:700;
  color:#071217;
}

.reasons-section .section-sub{
  margin-bottom:18px;
}

.reasons-carousel{
  display:flex;
  gap:18px;
  overflow-x:hidden;
  padding:18px 6px;
  scroll-behavior:smooth;
  -webkit-overflow-scrolling:touch;
}

.reasons-carousel::-webkit-scrollbar{
  display:none;
  height:0;
}

.reasons-carousel{ 
  -ms-overflow-style: none;
  scrollbar-width: none; 
}

.reasons-carousel{
  display:flex;
  gap:18px;
  overflow-x:auto;
  padding:18px 6px;
  scroll-behavior:smooth;
  -webkit-overflow-scrolling:touch;
  scroll-snap-type:x proximity;
}

.reasons-carousel::-webkit-scrollbar{
  height:8px;
}

.reasons-carousel{ 
  -ms-overflow-style: auto; 
  scrollbar-width: auto; 
}

.reasons-card{
  scroll-snap-align:start;
}

.reasons-card{
  flex:0 0 23%;
  max-width:320px;
  min-width:220px;
  background:#fff;
  border-radius:14px;
  border:1px solid rgba(7,18,23,0.04);
  padding:18px;
  box-shadow:0 10px 30px rgba(2,6,11,0.04);
  display:flex;
  align-items:center;
}

.reason-inner{
  display:flex;
  gap:14px;
  align-items:center;
}

.reason-icon{
  width:72px;
  height:72px;
  border-radius:12px; 
  color: var(--accent); 
  background:#f6fbff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:32px;
}

.reason-body h3{
  margin:0;
  font-size:20px;
  color:#071217;
}

.reason-body .muted{
  color:#6b7580;
  margin-top:6px;
}

.reasons-arrow{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:56px;
  height:56px;
  border-radius:50%;
  border:0;
  background:#fff;
  box-shadow:0 10px 28px rgba(2,6,11,0.12);
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:22px;
  cursor:pointer;
  z-index:12;
}

.reasons-arrow.prev{
  left:-28px;
}

.reasons-arrow.next{
  right:-28px;
}

.reasons-arrow{
  position:absolute;
  top:50px;
  transform:translateY(0);
  width:48px;
  height:48px;
  border-radius:50%;
  border:0;
  background:#fff;
  box-shadow:0 6px 18px rgba(2,6,11,0.08);
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:20px;
  cursor:pointer;
  z-index:12;
}

.reasons-arrow.prev{
  right:86px;
}

.reasons-arrow.next{
  right:16px;
}

@media (max-width:900px){
  .reasons-card{
    flex:0 0 60%;
    max-width:60%;
  }
  .reasons-arrow.prev{
    left:8px;
  }
  .reasons-arrow.next{
    right:8px;
  }
}
@media (max-width:700px){
  .reasons-card{
    flex:0 0 85%;
    max-width:85%;
  }
  .reasons-arrow{
    display:flex;
  }
}

/* Recently Booked Itineraries */
.recently-booked-section{padding:0px 20px;background:transparent; background-color: #b4ddf9}
.recently-booked-section .section-title{font-size:32px;font-weight:700;color:#071217}
.recent-tabs .recent-tab{background:transparent;border:1px solid rgba(7,18,23,0.06);padding:8px 16px;border-radius:24px;background-color: #fff; cursor:pointer;font-weight:700}
.recent-tabs .recent-tab.active{background:var(--accent);color:#fff;border-color:transparent}
.recent-carousel{display:flex;gap:18px;overflow:hidden;padding:18px 6px}
.recent-card{flex:0 0 22%;min-width:220px;background:#fff;border-radius:12px;border:1px solid rgba(7,18,23,0.04);overflow:hidden;box-shadow:0 12px 30px rgba(2,6,11,0.04);}
.recent-carousel{display:flex;gap:18px;overflow-x:auto;padding:18px 6px;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}
.recent-carousel::-webkit-scrollbar{height:8px}
.recent-carousel{ -ms-overflow-style: auto; scrollbar-width: auto; }
.recent-card{flex:0 0 28%;min-width:220px;background:#fff;border-radius:12px;border:3px solid #FF8B13;overflow:hidden;box-shadow:0 12px 30px rgba(2,6,11,0.04);scroll-snap-align:start;position:relative}
/* top yellow band using pseudo element */
.recent-card::before{
  content:'';
  position:absolute;
  left:0;right:0;top:0;height:52px;
  background:#FF8B13; /* bright lemon */
  border-top-left-radius:12px;border-top-right-radius:12px;
  z-index:12;
}
/* position the initials + who/timestamp over the yellow band */
.recent-badge{position:absolute;top:8px;left:18px;font-size:13px;color:#071217;font-weight:700;z-index:12;display:flex;align-items:center;gap:10px}
.recent-badge .initials{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:#ffb7d0;color:#071217;font-weight:800;margin-right:8px;box-shadow:0 2px 6px rgba(2,6,11,0.06)}
/* push the image down slightly so the band sits above it */
.recent-img{width:100%;height:170px;object-fit:cover;display:block;margin-top:14px}
.recent-content{padding:14px 16px 18px}
.recent-content h3{font-size:18px;margin:6px 0 10px;color:#071217;font-weight:600}
.recent-meta{color:#6b7580;font-size:13px;margin-bottom:12px}
/* optional tag/pill inside recent content if present */
.recent-content .pill{display:inline-block;padding:6px 10px;border-radius:14px;background:#ffe7ee;color:#b02e57;font-weight:700;font-size:12px;margin-bottom:8px}
.recent-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:12px;border-top:1px solid rgba(7,18,23,0.04)}
.recent-pill{display:inline-block;padding:6px 10px;border-radius:14px;background:#ffdbe6;color:#c33d6b;font-weight:700;font-size:12px;margin-top:6px;letter-spacing:0.6px}
.recent-price{font-weight:800;font-size:20px}
.btn-small{background:#0f9d58;color:#fff;padding:10px 16px;border-radius:10px;text-decoration:none;font-weight:700}
.recent-arrow{position:absolute;width:56px;height:56px;border-radius:50%;border:0;background:#fff;box-shadow:0 10px 28px rgba(2,6,11,0.12);display:flex;align-items:center;justify-content:center;font-size:18px;cursor:pointer;}
/* .recent-arrow.prev{left:-28px} */
.recent-arrow.next{right:-28px}
.recent-arrow{position:absolute;top:-70px;transform:translateY(0);width:44px;height:44px;border-radius:50%;border:0;background:#fff;box-shadow:0 6px 18px rgba(2,6,11,0.08);display:flex;align-items:center;justify-content:center;font-size:18px;cursor:pointer;z-index:12}
.recent-arrow.prev{right:72px}
.recent-arrow.next{right:16px}
@media (max-width:992px){
  .recent-card{flex:0 0 46%;min-width:240px}
}
@media (max-width:700px){
  .recent-card{flex:0 0 85%;min-width:80%}
  .recent-arrow{display:flex}
}

/* pagination tweak */
.dest-pagination{margin-top:16px}

/* Travelling on a budget */
.budget-section{padding:36px 20px;background:transparent}
.budget-section .section-title{font-size:28px;font-weight:700;color:#FF8B13 }
.budget-row{display:flex;gap:22px;align-items:stretch}
.budget-card{flex:0 0 32%;min-width:220px;background:#fff;border-radius:18px;overflow:hidden;border:1px solid rgba(7,18,23,0.06);box-shadow:0 8px 28px rgba(2,6,11,0.04);display:flex;flex-direction:column}
.budget-top{padding:28px 20px 22px;color:#071217;display:flex;flex-direction:column;gap:6px}
.budget-label{font-size:20px;font-weight:700}
.budget-amount{font-size:40px;font-weight:700}
.budget-amount .per{font-size:18px;font-weight:700;margin-left:6px}
.budget-bottom{background:#fff;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(7,18,23,0.04)}
.budget-desc{color:#071217;font-size:16px; font-weight: 600;}
.budget-cta{width:44px;height:44px;border-radius:50%;background:#FF8B13  ;color:#fff;display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:18px}
@media (max-width:992px){.budget-card{flex:0 0 48%;min-width:200px}}
@media (max-width:700px){.budget-row{flex-direction:column}.budget-card{flex:0 0 100%}}

/* Last-minute deals (Visa-free) */
.lastminute-section{
  padding:36px 20px;
  background:transparent; 
}
.lastminute-section .section-title{font-size:28px;font-weight:700;color:#FF8B13; }
.lastminute-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;align-items:stretch}
.lm-card{position:relative;border-radius:14px;overflow:hidden}
.lm-card img{width:100%;height:100%;display:block;object-fit:cover}
.lm-card--large{grid-column:2 / 3;grid-row:1 / span 2;height:460px;border-radius:18px}
.lm-card--small{height:220px;border-radius:12px}
.lm-overlay{position:absolute;left:0;right:0;bottom:0;padding:18px;background:linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.58) 100%);color:#fff}
.lm-title{font-size:24px;font-weight:800; font-family: 'Judson', serif !important;}
.lm-from{font-size:14px;margin-top:8px}
@media (max-width:1100px){.lastminute-grid{grid-template-columns:1fr 1fr;}.lm-card--large{grid-column:1 / -1;height:420px}}
@media (max-width:700px){.lastminute-grid{grid-template-columns:1fr;gap:14px}.lm-card--large{height:320px}.lm-card--small{height:180px}}

/* Make last-minute section compact on tablet/mobile: 3-up rounded thumbnails with labels below */
@media (max-width:1100px){
  .lastminute-grid{grid-template-columns:repeat(3,1fr);gap:18px}
  .lm-card--large{grid-column:auto;grid-row:auto;height:auto}
  .lm-card{height:auto;border-radius:16px}
/* Tablet: show 2 cards in honeymoon section for better readability */
@media (max-width:1024px){
  .honeymoon-cards .package-card{
    flex: 0 0 calc((100% - 20px) / 2);
    max-width: calc((100% - 20px) / 2);
    min-height:420px;
  }
}
  .lm-card img{width:100%;height:120px;object-fit:cover;border-radius:16px}
  .lm-overlay{position:static;background:transparent;color:#071217;padding:10px 0 0;text-align:center}
  .lm-title{font-size:16px;font-weight:700}
  .lm-from{font-size:13px;margin-top:6px;color:#6b6f77}
}
@media (max-width:700px){
  .lastminute-grid{grid-template-columns:repeat(3,1fr);gap:12px}
  .lm-card img{height:90px;border-radius:14px}
  .lm-title{font-size:14px}
  .lm-from{font-size:12px}
}

/* navigation arrows for destinations slider */
.dest-prev, .dest-next{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(7,18,23,0.06);cursor:pointer;z-index:12}
.dest-prev{left:8px}
.dest-next{right:8px}
@media (max-width:992px){
  .dest-prev,.dest-next{display:none}
}

@media (max-width:900px){
  .dest-swiper .swiper-slide{width:260px}
  .dest-img{height:160px}
  .featured-section .section-title{font-size:28px}
}
@media (max-width:480px){
  .dest-swiper .swiper-slide{width:220px}
  .dest-img{height:140px}
}

/* Honeymoon section styles */
.honeymoon-section{padding:36px 20px;background:#fff}
.honeymoon-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}
.honeymoon-header .title{font-size:28px;font-weight:700;color:#FF8B13 }
.honeymoon-pills{display:flex;gap:10px}
.honeymoon-pills .pill{background:#fff;border:1px solid rgba(7,18,23,0.06);padding:10px 14px;border-radius:8px;color:#333;cursor:pointer;font-weight:600}
.honeymoon-pills .pill.active{background:#FF8B13;color:#fff;border-color:transparent}
.honeymoon-row{position:relative}
.honeymoon-cards{display:flex;gap:20px;overflow-x:auto;overflow-y:hidden;padding-bottom:8px;scroll-behavior:smooth;align-items:stretch;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory}
.honeymoon-cards .package-card{box-sizing:border-box;flex:0 0 calc((100% - 40px) / 3);max-width:calc((100% - 40px) / 3);min-height:420px;display:flex;flex-direction:column;scroll-snap-align:start}
.honeymoon-cards .package-card .package-image{height:220px}
.honeymoon-cards .package-card .package-body{flex:1;}
.honeymoon-cards .package-card .package-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-clamp:2}
.honeymoon-nav{position:absolute;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:12px;z-index:12}
.honeymoon-nav.left{left:-28px}
.honeymoon-nav.right{right:-28px}
.honeymoon-nav button{width:56px;height:56px;border-radius:50%;border:0;background:rgba(7,18,23,0.06);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 6px 18px rgba(2,6,11,0.06)}
.honeymoon-nav button:hover{background:rgba(7,18,23,0.12)}

/* card show/hide transitions */
.package-card{transition:transform .3s ease, opacity .3s ease}
.package-card.fade-out{opacity:0;transform:translateY(8px);pointer-events:none}
.package-card.fade-in{opacity:1;transform:none}

@media (max-width:1200px){
  /* keep 3-up but slightly smaller image */
  .honeymoon-cards .package-card{flex:0 0 calc((100% - 40px) / 3);max-width:calc((100% - 40px) / 3);min-height:400px}
  .honeymoon-cards .package-card .package-image{height:160px}
}
@media (max-width:900px){
  .honeymoon-header{flex-direction:column;align-items:flex-start}
  .honeymoon-pills{flex-wrap:wrap}
  .honeymoon-cards{gap:12px}
  .honeymoon-cards .package-card{flex:0 0 calc((100% - 20px) / 2);max-width:calc((100% - 20px) / 2);min-height:420px}
  .honeymoon-cards .package-card .package-image{height:150px}
  .honeymoon-nav.left{left:-22px}
  .honeymoon-nav.right{right:-22px}
  .honeymoon-nav button{width:48px;height:48px}
}
@media (max-width:700px){
  .honeymoon-cards .package-card{flex:0 0 85%;max-width:85%;height:auto}
  .honeymoon-cards .package-card .package-image{height:140px}
  .honeymoon-nav{display:flex}
  .honeymoon-nav.left{left:-20px}
  .honeymoon-nav.right{right:-20px}
  .honeymoon-nav button{width:44px;height:44px}
}

/* hide default scrollbar while allowing scroll */
.honeymoon-cards::-webkit-scrollbar{height:8px;display:none}
.honeymoon-cards{-ms-overflow-style:none;scrollbar-width:none}


/* Features banner (marketing) */
.features-banner{
  padding:40px 20px;
  background:#f6f5ff;
  background-color: #b4ddf9;
  border-radius:18px;
  margin:40px auto;
}
.features-inner{max-width:1200px;margin:0 auto;}
.features-title{font-size:32px;text-align:center;margin:6px 0 22px;font-weight:700;color:#071217}
.features-row{display:flex;gap:28px;justify-content:space-between;align-items:stretch}
.feature-item{display:flex;gap:18px;align-items:flex-start;flex:1;min-width:0}
.feature-icon{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff;flex-shrink:0;box-shadow:0 8px 24px rgba(2,6,11,0.06)}
.feature-icon--gold{background:#ffb84d;color:#071217}
.feature-icon--blue{background:#1ea3ff;color:#fff}
.feature-body h3{font-size:20px;margin:0 0 8px;font-weight:600;color:#071217}
.feature-body p{margin:0;color:#5b6370;line-height:1.5}
.features-cta{margin-top:28px;display:flex;justify-content:center}
.cta-pill{background:#198cff;color:#fff;padding:12px 28px;border-radius:30px;display:inline-flex;align-items:center;gap:12px;text-decoration:none;font-weight:700}
.cta-link{background:rgba(255,255,255,0.12);padding:8px 12px;border-radius:16px;font-weight:600}

@media (max-width:900px){
  .features-title{font-size:28px}
  .features-row{gap:18px}
}
@media (max-width:768px){
  .features-row{flex-direction:column;align-items:center;text-align:center}
  .feature-item{flex-direction:column;align-items:center}
  .feature-body h3{font-size:18px}
  .feature-icon{width:64px;height:64px;font-size:22px;margin-bottom:10px}
  .cta-pill{width:fit-content}
}


/* Packages / cards */
.packages-section{padding:52px 20px;background:transparent}
.packages-section .section-title{font-size:36px;text-align:center;margin-top:6px;margin-bottom:8px;font-weight:700}
.packages-section .section-sub{text-align:center;color:#6b6f77;margin-bottom:28px}
.packages-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;align-items:start}
.package-card{background:#fff;border-radius:16px;border:1px solid rgba(7,18,23,0.06);overflow:hidden;box-shadow:0 6px 22px rgba(2,6,11,0.04);display:flex;flex-direction:column;min-height: 429px; margin-top: 15px;}
.package-image{height:220px;background-size:cover;background-position:center;border-bottom-left-radius:16px;border-bottom-right-radius:16px;position:relative}
.package-image img{width:100%;height:100%;object-fit:cover;display:block;border-bottom-left-radius:16px;border-bottom-right-radius:16px}
.package-image img:hover{
  transform: scale(1.09);
  transition: transform 0.3s ease-in-out;
}
.package-image .badges{position:absolute;top:12px;right:12px;display:flex;flex-direction:column;gap:8px}
.badge{display:inline-block;padding:6px 12px;border-radius:16px;font-weight:700;font-size:13px}
.badge-sale{background:#ff4d6d;color:#fff}
.badge-type{background:#FF8B13;color:#071217}
.badge-featured{background:#ff9a2c;color:#071217}
.package-body{padding:18px 20px 20px;display:flex;flex-direction:column;gap:5px}
.package-title{font-size:20px;margin:0;color:#071217}
.package-meta{color:#6b6f77;font-size:14px}
.package-row{display:flex;align-items:center;justify-content:space-between;gap:12px}
.package-row .book-btn{background-color:#FF8B13  ;color:#fff;padding:10px 16px;border-radius:10px;text-decoration:none;font-weight:600}
.package-row .book-btn:hover{background-color:#FF8B13 ;color: #fff;}
.price{text-align:right}
.price-old{text-decoration:line-through;color:#9aa0a6;font-size:14px}
.package-features{list-style:none;padding:0;margin:6px 0 0;display:flex;flex-wrap:wrap;gap:8px 12px;font-size:13px;color:#5b6370;align-items:center}
.package-features li{margin:0;display:inline-flex;align-items:center;gap:8px;padding-right:6px;font-size:13px}
.package-features li::before{content:"\2022";color:#000;font-weight:700;margin-right:6px;font-size:12px;line-height:1}
/* paragraphs immediately after the features list: show as single-line with ellipsis */
.package-features + p,
.package-features + p + p,
.package-features + p + p + p,
.hon-desc{
  display:block;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  margin:0 12px 0 0;
  padding:0;
  font-size:13px;
  color:#5b6370;
}
.hon-desc{
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  
}
.hon-desc p{
  margin: 0; padding:0;

}
.package-features + p::before,.hon-desc p::before, .package-features + p + p::before, .package-features + p + p + p::before{content:"\2713";color:#1ea37a;font-weight:700;margin-right:6px;font-size:12px;line-height:1;top:2px;}
.package-row{display:flex;align-items:center;justify-content:space-between;gap:12px;clear:both}



/* Ensure the price row and divider sit at the bottom of each package card for consistent layout */
.package-body{display:flex;flex-direction:column;flex:1;padding-bottom:14px}
.package-body hr{margin:0 0 12px 0}
.package-row{margin-top:auto;align-items:center;border-top:1px solid rgba(12, 12, 12, 0.12);padding-top:12px}
.package-features li a{color:inherit;text-decoration:none}
.price-label{color:#9aa0a6;font-size:13px;margin-bottom:6px}
.price-line{display:flex;align-items:center;gap:8px;font-size:14px}
.price-old{text-decoration:line-through;color:#9aa0a6}
.save-badge{background:#ffd9b3;color:#b45a00;padding:4px 8px;border-radius:8px;font-weight:700;font-size:12px}  
.price-sub{font-size:12px;color:#6b6f77;font-weight:400}
.honeymoon-cards .package-row{align-items:end}
.price-now{font-size:20px;font-weight:600;color:#071217; margin-top: 6px;}
.price-sub{font-size:12px;color:#6b6f77}
.package-footer{display:flex;gap:18px;align-items:center;color:#5b6370;font-size:14px}
.package-footer .pkg-icon{display:flex;align-items:center;gap:8px}
.package-card hr{border:0;border-top:1px solid rgba(7,18,23,0.04);margin:8px 0}

@media (max-width:1024px){
  .packages-grid{grid-template-columns:repeat(2,1fr)}
  .package-image{height:200px}
}


/* When mainnav is sticky, avoid content jump by adding padding to body (handled by JS), but provide a fallback spacing class */
.body-with-sticky-nav{padding-top:64px}



@media (max-width:700px){
  .packages-grid{grid-template-columns:1fr}
  .package-image{height:180px}
}


/* Blog section */

/* Blog section */
.blog-section{padding:52px 20px;background:#fff; overflow: hidden}
.blog-section .section-title{ font-size:32px;text-align:center;margin-bottom:6px; font-weight:700}
.blog-section .section-sub{text-align:center;color:#6b6f77;margin-bottom:26px}

/* Responsive blog grid: fit as many 400px columns as possible; gap of 20px */
.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,300px));justify-content:center;gap:15px}
.blog-card{background:#fff;border-radius:12px;overflow:hidden;border:1px solid rgba(7,18,23,0.04);box-shadow:0 8px 30px rgba(2,6,11,0.04);display:flex;flex-direction:column;max-width:400px;width:100%}
.blog-image{width:100%;height:200px;background-size:cover;background-position:center;border-radius:6px;overflow:hidden}
.blog-body{padding:14px 16px;display:flex;flex-direction:column;gap:8px}
.blog-meta{font-size:13px;color:#9aa0a6}
.blog-title{font-size:18px;margin:0;color:#071217}
.blog-excerpt{color:#5b6370;font-size:14px}
.read-more{margin-top:8px;color:var(--accent);font-weight:700;text-decoration:none}

/* Image overlay styles for index hero blog grid */
.blog-card{position:relative}
.blog-overlay{position:absolute;left:0;right:0;bottom:0;padding:18px;background:linear-gradient(0deg, rgba(3,10,15,0.88) 0%, rgba(3,10,15,0.4) 60%);color:#fff;transform:translateY(100%);transition:transform .28s ease}
.blog-card:hover .blog-overlay,.blog-card:focus-within .blog-overlay{transform:translateY(0)}
.blog-overlay .blog-title{font-size:16px;color:#fff;margin:0 0 8px}
.blog-overlay .blog-excerpt{font-size:13px;color:rgba(255,255,255,0.88);margin-bottom:8px}
.view-all-blog-btn{display:inline-block;background:#FF8B13;color:#fff;padding:12px 26px;border-radius:28px;font-weight:700;text-decoration:none;box-shadow:0 8px 24px rgba(0,0,0,0.15)}

@media (max-width:1200px){
  .blog-grid{grid-template-columns:repeat(3,1fr);gap:18px}
  .blog-image{height:180px}
}
@media (max-width:1024px){
  .blog-grid{grid-template-columns:repeat(2,1fr)}
  .blog-image{height:160px}
}
@media (max-width:700px){
  .blog-grid{grid-template-columns:1fr}
  .blog-image{height:150px}
  /* On small screens keep overlay hidden by default to avoid always-on overlays.
     Reveal overlay on focus-within or when a `.show-overlay` class is added (tap handler). */
  .blog-overlay{transform:translateY(100%);position:absolute;left:0;right:0;bottom:0;background:linear-gradient(0deg, rgba(3,10,15,0.88) 0%, rgba(3,10,15,0.6) 60%)}
  .view-all-blog-btn{width:80%;display:inline-block}
}

/* FAQ accordion */
.faq-section{padding:52px 20px;background:transparent}
.faq-section .section-title{font-size:32px;text-align:center;margin-bottom:6px; font-weight: 700;}
.faq-section .section-sub{text-align:center;color:#6b6f77;margin-bottom:22px}
.faq-list{max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:12px}
.faq-item{border-radius:12px;overflow:hidden;border:1px solid rgba(7,18,23,0.06);background:#fff}
.faq-q{width:100%;text-align:left;padding:16px 18px;background:transparent;border:0;font-size:16px;display:flex;justify-content:space-between;align-items:center;cursor:pointer}
.faq-q:hover{background:rgba(2,6,11,0.02)}
.faq-arrow{transition:transform .28s ease;margin-left:12px}
.faq-a{padding:12px 18px;border-top:1px solid rgba(7,18,23,0.04);display:none;color:#5b6370;line-height:1.6}
.faq-item.open .faq-a{display:block}
.faq-item.open .faq-arrow{transform:rotate(90deg)}

@media (max-width:700px){.faq-q{font-size:15px;padding:12px 14px}.faq-a{padding:12px 14px}}

/* Activity / Adventure grid */
.activity-section{padding:40px 20px;background:transparent}
.activity-head{text-align:center;max-width:980px;margin:0 auto 36px}
.activity-sub{color:#ff5a5a;font-weight:700;letter-spacing:1px;margin-bottom:12px;display:inline-block;text-transform:uppercase;position:relative}
.activity-sub:before{content:'';display:inline-block;width:64px;height:3px;background:#ff5a5a;margin-right:14px;vertical-align:middle;border-radius:2px}
.activity-title{font-size:32px;margin:0 0 14px;font-weight:700;color:#071217;}
.activity-desc{color:#6b6f77;max-width:900px;margin:0 auto;font-size:15px}
.activity-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:28px;align-items:start;justify-items:center;max-width:1200px;margin:0 auto}
.activity-item{display:flex;flex-direction:column;align-items:center;gap:14px;padding:18px;background:transparent;border-radius:10px}
.activity-box{width:150px;height:120px;border:1px solid rgba(7,18,23,0.06);display:flex;align-items:center;justify-content:center;border-radius:10px;background:#fff;font-size:40px;color:#0b7fcf;box-shadow:0 8px 20px rgba(2,6,11,0.03);transition:transform .22s ease, box-shadow .22s ease}
.activity-item:hover .activity-box{transform:translateY(-6px);box-shadow:0 18px 40px rgba(2,6,11,0.08)}
.activity-item h4{margin:0;font-size:18px;color:#071217}
.activity-item .muted{color:#6b6f77;font-size:14px}

@media (max-width:1200px){.activity-grid{grid-template-columns:repeat(4,1fr)}}
@media (max-width:900px){.activity-grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:700px){.activity-grid{grid-template-columns:repeat(2,1fr)}.activity-box{width:120px;height:92px;font-size:30px}}
@media (max-width:480px){.activity-grid{grid-template-columns:1fr}.activity-box{width:100px;height:84px}}




/* back to top  */

.back-to-top{
  position:fixed;
  bottom:24px;
  left:24px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:48px;
  height:48px;
  border-radius:50%;
  background:#FF8B13;
  color:#fdfdfd;
  text-decoration:none;
  box-shadow:0 12px 30px rgba(2,6,11,0.12);
  opacity:0;
  transform:translateY(10px) scale(.98);
  transition:opacity .28s ease, transform .28s ease;
  cursor:pointer;
  z-index:99;
}
.back-to-top i{
  color: #fff;
}
.back-to-top.visible{opacity:1;transform:translateY(0) scale(1)}

/* Gallery specific tweaks */
.gallery-section{background:transparent;padding-top:56px;padding-bottom:56px}
.gallery-section .section-title{
  text-align:center;
  font-weight:700;
  font-size: 32px;
}
.gallery-intro .small{letter-spacing:1px}
.gallery-title{font-size:42px;line-height:1.02;color:#071217;margin-bottom:14px}
.gallery-section .text-muted{color:#6b6f77}
.gallery-img{width:100%;height:100%;object-fit:cover;display:block;border-radius:12px;box-shadow:0 14px 40px rgba(2,6,11,0.06)}
.gallery-img-main img{
  min-height: 205px;
}

@media (max-width:992px){
  .gallery-title{font-size:32px}
}
@media (max-width:576px){
  .gallery-title{font-size:24px}
  .gallery-section{padding-top:28px;padding-bottom:28px}
}

.page-login .login-section{background:transparent;color:#071217}
.page-login .login-section .card{border-radius:10px}
.page-login .login-section .card .card-title{color:#071217}
.page-login .login-section a{color:#071217}
.page-login .login-section a:hover{color:var(--accent)}

/* Ensure top-strip looks correct on login page (dark text instead of white) */
.page-login .top-strip{background:transparent;color:#071217}
.page-login .top-strip .top-right a{color:#071217}

/* Login split layout (branding + form) */
.login-split{display:flex;flex-direction:column;border-radius:12px;overflow:hidden;background:#fff}
.login-split{box-shadow:0 18px 40px rgba(2,6,11,0.08)}
.login-split .left-panel{
  /* background image + overlay for the left branding panel */
  background-image: url('../images/hero-images/hero2.png'), radial-gradient( circle at 20% 10%, rgba(10,60,95,0.18), transparent 20%), linear-gradient(180deg,#052c49 0%, #08344f 100%);
  color:#fff;
  min-height:600px;
  padding:48px 36px;
  display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;
}
.login-split .left-panel img{filter:brightness(0) saturate(100%) invert(96%) sepia(4%) saturate(6%) hue-rotate(137deg) brightness(102%) contrast(102%);}
.login-split .left-panel h2{font-size:30px;line-height:1;margin-top:12px;color:#8fffcf;text-shadow:0 6px 18px rgba(3,18,30,0.25)}
.login-split .left-panel .benefits{margin-top:28px}
.login-split .left-panel .benefits li{color:rgba(255,255,255,0.9);font-weight:600;margin-bottom:12px}
.login-split .left-panel::after{
  content:'';position:absolute;left:8px;top:12px;bottom:12px;width:10px;background:repeating-linear-gradient(180deg,#06283f 0 8px, #0b3f5a 8px 16px);border-radius:6px;opacity:0.95}
.login-split .right-panel{padding:28px 32px;background:#fff}
.login-split .right-panel .btn-light{border:1px solid rgba(7,18,23,0.06);border-radius:8px}
.login-split .right-panel h4{color:#071217;font-weight:700}
.login-split .right-panel .form-control{border-radius:12px;background:#f4f6f9;border:1px solid #e6eef6;padding:14px 16px}
.login-split .right-panel .form-select{border-radius:12px;background:#f4f6f9;border:1px solid #e6eef6;padding:12px}
.login-split .right-panel .form-control::placeholder{color:#6b7b88}
.login-split .right-panel .row.g-2>.col-4 .form-select,
.login-split .right-panel .row.g-2>.col-4 .form-control{padding:10px}
.btn-otp{background:#bfeee0;color:#fff;border:none;font-weight:700;border-radius:10px;padding:14px}
.btn-otp:hover{background:#96e6c0}

/* responsive: side-by-side on large screens */
@media(min-width:992px){
  .login-split{flex-direction:row}
  .login-split .left-panel{flex:0 0 38%;max-width:38%;position:relative}
  .login-split .right-panel{flex:1}
}

/* on small screens make left panel hidden and add top radius to right panel */
@media(max-width:991px){
  .login-split .left-panel{display:none}
  .login-split .right-panel{border-radius:12px}
}


  /* Filter destination page styles */

  .filter-page .dest-top-search{
    background:#f7f7f7;
    padding:18px 0;
    border-bottom:1px solid rgba(7,18,23,0.03);
  }

  .filter-page .dest-top-search .container{
    display:flex;
    gap:12px;
    align-items:center;
  }

  .filter-page .dest-top-search input[type="search"]{width:100%;padding:12px 14px;border-radius:10px;border:1px solid rgba(7,18,23,0.06);box-shadow:none;background:#fff}
  .filter-page .dest-top-search .btn{border-radius:10px;padding:10px 16px}

  .filter-page .filter-page-container{
    display:grid;
    grid-template-columns:320px 1fr;
    gap:28px;
    align-items:start;
  }
  .filters-sidebar{padding:12px;border-radius:12px}
  .filters-sidebar h2{font-size:20px;margin-bottom:12px;font-weight:700;color:#071217;}
  .filters-sidebar .filter-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;}
  .refine-result{
    color:#6b6f77;font-weight:600
  }
  .filters-sidebar fieldset{border:0;padding:0;margin:10px 0 18px}
  .filters-sidebar legend{font-weight:700;color:#071217;margin-bottom:8px}
  .filters-sidebar label{display:block;color:#333;padding:8px 6px;border-radius:6px;cursor:pointer;font-size:15px}
  .filters-sidebar input[type="checkbox"]{margin-right:10px;transform:translateY(1px)}
  .filters-sidebar .btn{font-weight:700}
  .reset-btn-filter{
    background:transparent;border:0;color:#0b7fcf;
  }

  .results-column .results-list{display:flex;flex-direction:column;gap:18px}
  .result-col-main{
    background:#fff;border-radius:12px;padding:18px;border:1px solid rgba(7,18,23,0.04);box-shadow:0 12px 36px rgba(2,6,11,0.04);
  }
  .result-col-upper{
    display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;
  }
  .result-count{
    margin:0;color:#0b6bb3;font-weight:600;
  }
  .result-list{
    display:flex;flex-direction:column;gap:18px;
  }
  .results-column .destination-card{display:flex;gap:18px;align-items:flex-start;background:#fff;border-radius:14px;padding:14px;border:1px solid rgba(7,18,23,0.04);box-shadow:0 8px 30px rgba(2,6,11,0.04);
}
  .results-column .destination-card img{width:220px;height:150px;border-radius:12px;object-fit:cover;flex:0 0 220px}
  .results-column .destination-card .des{
    flex:1;display:flex;flex-direction:column;gap:8px;
  }
  
  .results-column .destination-card h4{font-size:18px;margin:0;color:#071217;
  font-weight:600;}
  .results-column .destination-card p{margin:0;color:#6b6f77}
  .results-column .destination-card .pill-main{
    display:flex;gap:8px;flex-wrap:wrap;margin-top:8px;
  }
  .results-column .destination-card .pill{display:inline-block;background:#fff;border-radius:8px;padding:6px 10px;border:1px solid rgba(7,18,23,0.04);font-size:13px;color:#5b6370}
  .results-column .destination-card .des .card-bottom{
    display:flex;align-items:center;justify-content:space-between;margin-top:12px;
  }
  .results-column .destination-card .des .card-bottom .price{
    font-weight:700;font-size:20px;color:#071217;
  }
  .results-column .destination-card .des .card-bottom .price span{
    font-weight:400;font-size:13px;color:#6b6f77
  }
  .results-column .destination-card .btn{border-radius:10px;
  background:#ff7b6b;color:#fff;padding:10px 18px;text-decoration:none;}

  /* small helper for count header */
  .results-column > div > .results-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}

  /* Responsive: stack filters above results on narrow screens */
  @media (max-width:980px){
    .filter-page .filter-page-container{grid-template-columns:1fr;gap:18px}
    .filters-sidebar{order:1}
    .results-column{order:2}
    /* Make each card take full width when sidebar is hidden */
    .results-column .destination-card{flex-direction:column;gap:12px;width:100%}
    .results-column .destination-card img{width:100% !important;height:180px !important;flex:0 0 auto;border-radius:12px}
  }

  @media (max-width:600px){
    .filter-page .dest-top-search .container{padding:0 12px}
    .filter-page .dest-top-search input[type="search"]{padding:10px}
    .filter-page .filter-page-container{gap:12px}
    .results-column .destination-card{flex-direction:column}
    .results-column .destination-card img{width:100%;height:180px;flex:0 0 auto}
    .filters-sidebar label{font-size:14px}
  }

  /* Ensure filter labels appear one-per-line and inputs align */
  .filters-sidebar label{
    display:flex;
    align-items:center;
    gap:10px;
    padding:8px 6px;
    width:100%;
  }
  /* Also apply to cloned filters inside the mobile offcanvas */
  #mobileFiltersBody label{
    display:flex;
    align-items:center;
    gap:10px;
    padding:10px 6px;
    width:100%;
    border-bottom:1px solid rgba(7,18,23,0.04);
  }
  #mobileFiltersBody label:last-child{border-bottom:0}
  .filters-sidebar input[type="checkbox"], #mobileFiltersBody input[type="checkbox"]{margin-right:8px;flex:0 0 auto}

  /* Mobile: hide left filters, show per-card filter toggle that opens offcanvas */
  @media (max-width:980px){
    .filters-sidebar{display:none}
    .destination-card{position:relative}
  }

  /* Mobile filter button placed under the search box */
  .mobile-filter-row{display:block}
  .mobile-filter-row{max-width:1200px;margin:8px auto 0;padding:0 16px}
  .mobile-filter-row .mobile-filter-inner{display:flex;justify-content:flex-end}
  .mobile-filter-btn{display:none;border-radius:10px;background:#fff;border:1px solid rgba(7,18,23,0.06);color:#071217;padding:8px 12px;font-weight:700}
  .mobile-filter-btn i{color:#0b6bb3}
  @media (max-width:980px){
    .mobile-filter-btn{display:inline-flex;align-items:center;gap:8px}
  }


  /* pick who join  */

  .pick-who-join-main{
    padding:50px 20px 15px 20px;
    background:#f6f5ff;
    background-color: #06283f  ;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
    /* margin:40px auto; */
    overflow: hidden;
    margin-top: -103px; /* reduced overlap so search can sit between sections */
    position: relative;
    z-index: 50; /* ensure this section appears above the hero */
    /* bottom: -50px; */
  }
  /* header containing left box, centered title, and right box */
  .pwj-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:10px 20px 18px}
  .pwj-header .section-title{flex:1;margin:0 12px;text-align:center;font-size:28px}
  .pwj-header .side-box{flex:0 0 200px;height:110px;background:#fff;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(2,6,11,0.06);padding:12px}
  .pwj-header .side-box .box-title{font-weight:700;color:#071217;margin-bottom:6px}
  .pwj-header .side-box .box-value{display:flex;flex-direction:column;align-items:center}
  .pick-who-join-main .section-title{
    font-size:43px;
    margin-top: 30px;
    text-align:center;
    margin-bottom:6px;
    font-weight: 600;
    color: #fff;
    /* color: #071217; */
  }
  @media (max-width:768px){

    .pick-who-join-main .section-title{
      margin-top: 60px;
      margin-bottom:26px;
    }
  }

  /* dotted/dashed decorative frame inside the pick-who-join section */
  .pick-who-join-main::before{
    content: '';
    position: absolute;
    /* inset creates spacing from the outer rounded corners */
    left: 18px;
    right: 18px;
    top: 18px;
    bottom: 18px;
    border-radius: 44px;
    pointer-events: none;
    border: 3px dashed #fff;
    /* border: 3px dashed rgba(25,140,255,0.12); */
    box-shadow: inset 0 0 0 6px rgba(42,166,91,0.03);
    mix-blend-mode: normal;
    opacity: 1;
  }

  .pick-who-join p{
    color: #fff;
  }

  /* finer dashed inner outline for larger screens (adds a second dotted track) */
  @media (min-width: 900px){
    .pick-who-join-main::after{
      content: '';
      position: absolute;
      left: 44px;
      right: 44px;
      top: 44px;
      bottom: 44px;
      border-radius: 38px;
      pointer-events: none;
      /* border: 2px dashed rgba(25,140,255,0.55); */
    }
  }
  /* @media(max-width: 768px){
    .pick-who-join-main{
      margin-top: -150px;
    }
  } */
  .pick-who-join{
    padding: 20px 40px 0px 20px;
    margin:0 auto;
    display: flex;
    gap: 50px;
    flex-wrap: wrap;
    justify-content: center;
  }
  /* Desktop: 4 columns */
  .pick-who-join > div{flex:1 1 calc(25% - 40px);display:flex;justify-content:center;align-items:center;flex-direction:column;min-width:200px}
  .pwj-couple img,
  .pwj-friends img,
  .pwj-family img,
  .pwj-solo img{
    max-width: 250px;
    width:100%;
    height: auto;
    border-radius: 16px;
    /* box-shadow: 0 14px 40px rgba(2,6,11,0.06); */
    display:block;
  }

  /* Tablet: 2 columns (2x2 layout) */
  @media (max-width:980px){
    .pick-who-join{gap:20px;padding:14px 18px 0}
    .pick-who-join > div{flex:1 1 calc(50% - 20px);min-width:160px}
    .pwj-couple img,.pwj-friends img,.pwj-family img,.pwj-solo img{max-width:none}
  }

  /* Mobile: 2 columns */
  @media (max-width:520px){
    .pick-who-join{gap:14px;padding:12px}
    /* stack cards as single-column on small screens: image on top, text below */
    .pick-who-join > div{flex:1 1 100%;width:100%;justify-content:center;box-sizing:border-box}
    .pwj-couple img,.pwj-friends img,.pwj-family img,.pwj-solo img{max-width:220px;width:100%}
    .pick-who-join-main{padding:28px 10px 28px}
    /* header becomes vertical: side boxes and title stacked above the card grid */
    .pwj-header{flex-direction:column;gap:8px}
    .pwj-header .side-box{width:100%;height:auto;flex-direction:row;justify-content:space-between;padding:12px}

    /* Hide header's side-boxes on mobile (we show the mobile-side-boxes under search) */
    .pwj-header .side-box{display:none}
    /* mobile-side-boxes are hidden by default and shown only on small screens to avoid layout issues */
    .mobile-side-boxes{display:flex;gap:12px;padding:10px 12px 16px;position:relative;z-index:10001;margin-top:8px;margin-bottom:10px}
    /* override the global .side-box hide at <=900px so these mobile boxes are visible */
    .mobile-side-boxes .side-box{flex:1 1 50%;height:auto;background:#fff;border-radius:12px;display:flex !important;flex-direction:column;align-items:center;justify-content:center;padding:10px;box-shadow:0 8px 24px rgba(2,6,11,0.06)}
  }

  /* Very small screens: ensure spacing and readable images */
  @media (max-width:360px){
    .pick-who-join > div{flex:1 1 calc(50% - 8px)}
    .pwj-couple img,.pwj-friends img,.pwj-family img,.pwj-solo img{max-width:190px}
  }

  .why-wander {
    padding: 60px 20px;
    text-align: center;
    max-width: 1200px;
    margin: auto;
}

.ww-title {
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 40px;
}

.ww-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 40px;
}

.ww-item img {
    width: 80px;
    height: auto;
    margin-bottom: 20px;
}

.ww-item h3 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
}

.ww-item p {
    font-size: 15px;
    color: #444;
    line-height: 1.5;
}

/* 🔥 Mobile Responsive */
@media (max-width: 992px) {
    .ww-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 30px;
    }
}

@media (max-width: 600px) {
    .ww-grid {
        grid-template-columns: 1fr;
    }

    .ww-item img {
        width: 70px;
    }

    .ww-title {
        font-size: 26px;
    }
}


/* blogs  */


/* Blog cards styling */
.blog-list{padding-top:16px;padding-bottom:24px}
.blog-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 10px 30px rgba(10,20,30,0.06);display:flex;flex-direction:column;height:100%}
.blog-card .blog-card-media{width:100%;aspect-ratio:16/9;overflow:hidden;background:#f2f4f6}
.blog-card .blog-card-media img{width:100%;height:100%;object-fit:cover;display:block}
.blog-card .blog-card-body{padding:18px 16px;border-top:1px solid rgba(10,10,10,0.02);margin-top:auto}
.blog-card-title{font-size:16px;font-weight:600;color:#0b2a33;margin:0 0 10px;line-height:1.3}
.blog-card-meta{font-size:14px;color:#6b6b6b;margin:0}

@media (max-width:992px){
  .blog-card-title{font-size:16px}
}


/* Blog cards styling */
.blog-list{padding-top:16px;padding-bottom:24px}
.blog-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 10px 30px rgba(10,20,30,0.06);display:flex;flex-direction:column;height:100%}
.blog-card .blog-card-media{width:100%;aspect-ratio:16/9;overflow:hidden;background:#f2f4f6}
.blog-card .blog-card-media img{width:100%;height:100%;object-fit:cover;display:block}
.blog-card .blog-card-body{padding:18px 16px;border-top:1px solid rgba(10,10,10,0.02);margin-top:auto}
.blog-card-title{font-size:18px;font-weight:700;color:#0b2a33;margin:0 0 10px;line-height:1.3}
.blog-card-meta{font-size:13px;color:#6b6b6b;margin:0}

@media (max-width:992px){
  .blog-card-title{font-size:16px}
}


.cem-section {
    background: #fff;
}

.cem-title {
    font-size: 32px;
    font-weight: 700;
    color: #1A1A1A;
}

.cem-highlight {
    color: #FF8B13 ;   
}

.cem-subtext {
    font-size: 15px;
    letter-spacing: 1px;
    color: #555;
    text-transform: uppercase;
}

.cem-block-title {
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 15px;
    color: #000;
}

.cem-list {
    list-style: none;
    padding-left: 0;
    color: #444;
    font-size: 15px;
}

.cem-list li {
    margin-bottom: 6px;
    position: relative;
    padding-left: 14px;
}

.cem-list li::before {
    content: "✔";
    /*position: absolute;*/
    left: 0;
    margin-right: 8px;
    color: green;
    font-weight: bold;
}

.cem-icon-wrapper img {
    filter: grayscale(100%);
}

.cem-icon-wrapper i{
    font-size: 60px;
    color: #ff8b13;
}



/* Itinerary hero & sticky summary */
.itinerary-hero{margin-top:18px}
.it-hero-card{min-height:360px;background:#0b2a33}
.it-hero-img{width:100%;height:100%;object-fit:cover;display:block}
.it-hero-overlay{position:absolute;inset:0;padding:22px 24px;background:linear-gradient(180deg,rgba(6,20,34,0.35) 0%,rgba(6,12,24,0.8) 100%);display:flex;flex-direction:column;justify-content:flex-end;gap:12px}
.it-hero-title{font-family:'Great Vibes', cursive;font-size:clamp(32px,4vw,56px);color:#fff;line-height:1.1;text-shadow:0 10px 30px rgba(0,0,0,0.25);margin:0}
.it-hero-sub{color:#e6eef6;font-weight:600;font-size:15px;margin:0}
.it-hero-text{max-width:780px}
.it-pill{display:inline-flex;align-items:center;gap:8px;background:rgba(0,0,0,0.55);color:#fff;padding:8px 14px;border-radius:999px;font-weight:700;letter-spacing:0.4px;font-size:12px;text-transform:uppercase;backdrop-filter:blur(4px);width:-moz-fit-content;width:fit-content}

.it-tabs{background:#fff;border-radius:12px;padding:10px 14px;box-shadow:0 10px 30px rgba(2,6,11,0.06);position:sticky;top:84px;z-index:6}
.itinerary-body{border-radius:16px;background:#fff}
.it-section-card{background:#f9fbff;border:1px solid rgba(7,18,23,0.05);border-radius:14px;padding:16px}
.it-section + .it-section{margin-top:12px}
.it-checklist li{display:flex;align-items:flex-start;gap:10px;margin-bottom:10px;color:#1a1f2b;font-weight:500}
.it-checklist li i{color:#01AFD1;margin-top:2px}
.it-pill-block{background:#fff;border:1px dashed rgba(7,18,23,0.1);border-radius:12px;padding:12px;font-weight:600;color:#0b2a33;display:flex;align-items:center;gap:10px;box-shadow:0 8px 24px rgba(2,6,11,0.03)}

.itinerary-sidebar .itinerary-sticky{position:sticky;top:110px;border-radius:18px;background:#f9fbff}
.it-meta-row{display:flex;gap:14px;align-items:flex-start;padding:10px 0;border-bottom:1px solid rgba(7,18,23,0.05)}
.it-meta-row:last-of-type{border-bottom:0}
.it-meta-icon{width:44px;height:44px;border-radius:14px;background:#eef4ff;display:inline-flex;align-items:center;justify-content:center;color:#FF8B13;font-size:18px}
.it-meta-label{color:#6b6f77;font-weight:600;font-size:14px}
.it-meta-value{color:#071217;font-weight:600;font-size:18px}
.it-pill-btn{background:#eff6ff;border:1px dashed #0b6bb3;color:#0b6bb3;font-weight:600 !important;border-radius:12px;padding:12px 14px}
.it-pill-btn:hover{background:#dbeafe;color:#0a5ca8}
.it-includes .it-include-icon{width:44px;height:44px;border-radius:12px;background:#fff;border:1px solid rgba(7,18,23,0.06);display:flex;align-items:center;justify-content:center;color:#FF8B13;font-size:17px;margin-bottom:6px;box-shadow:0 10px 28px rgba(2,6,11,0.04)}
.it-help-card{background:#f1f5f9;border:1px solid rgba(7,18,23,0.06);border-radius:12px;padding:12px}
.it-help-avatar{width:46px;height:46px;border-radius:14px;background:#fff;border:1px solid rgba(7,18,23,0.08);display:flex;align-items:center;justify-content:center;color:#FF8B13;font-size:18px}
.it-price{background:#fff4f0;border:1px solid #FF8B13;border-radius:12px;padding:14px}
.it-price .btn{
  background-color: #FF8B13;
  color: #fff;
}
.it-price .btn:hover{
  background-color: #FF8B13;
  color: #fff;
}
.it-old-price{color:#FF8B13 ;font-weight:600;text-decoration:line-through;font-size:16px;margin-bottom:4px}
.it-new-price{color:#FF8B13 ;font-weight:700;font-size:24px;line-height:1}

@media (max-width:1199px){
  .it-tabs{top:74px}
}

@media (max-width:991px){
  .itinerary-sidebar .itinerary-sticky{position:static}
  .it-tabs{position:static;box-shadow:none;padding:0;background:transparent}
  .itinerary-body{padding:0;border:none;box-shadow:none;background:transparent}
  .it-section-card{background:#fff;border:1px solid rgba(7,18,23,0.06)}
  .it-hero-card{min-height:300px}
}

@media (max-width:576px){
  .it-hero-card{min-height:260px}
  .it-hero-overlay{padding:16px 14px}
  .it-hero-title{font-size:32px}
  .it-tabs ul{gap:14px}
}

/* Day-wise itinerary timeline */
.it-days-timeline{display:flex;flex-direction:column;gap:12px}
.it-day-item{list-style:none;background:#fff;border:1px solid rgba(7,18,23,0.06);border-radius:12px;overflow:hidden}
.it-day-header{display:flex;align-items:center;gap:16px;padding:16px;cursor:pointer;background:#f9fbff;transition:background 0.2s ease;user-select:none}
.it-day-header:hover{background:#eef4ff}
.it-day-header i{margin-left:auto;transition:transform 0.3s ease;color:#FF8B13}
.it-day-item[open] .it-day-header i{transform:rotate(180deg)}
.it-day-number{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#FF8B13 0%,#FF8B13 100%);color:#fff;font-weight:800;font-size:14px;flex:0 0 auto}
.it-day-title{flex:1;font-weight:700;color:#071217;font-size:16px}
.it-day-content{padding:20px;background:#fff;border-top:1px solid rgba(7,18,23,0.04)}
.it-timeline-dots{display:flex;flex-direction:column;gap:0}
.it-timeline-event{display:flex;gap:16px;padding:16px 0;border-left:3px solid #eef4ff;padding-left:20px;position:relative}
.it-timeline-event:not(:last-child){border-left-color:#FF8B13}
.it-timeline-event:last-child{border-left-color:#f0f0f0}
.it-time{display:inline-flex;align-items:center;gap:8px;font-weight:700;color:#FF8B13;font-size:13px;min-width:90px;flex:0 0 auto}
.it-event-dot{width:12px;height:12px;border-radius:50%;background:#FF8B13;position:absolute;left:-8px;top:24px;box-shadow:0 0 0 4px #fff;border:2px solid #FF8B13}
.it-event-details h4{margin:0 0 6px;font-size:15px;font-weight:700;color:#071217}
.it-event-details p{margin:0;font-size:14px;color:#6b6f77;line-height:1.5}

/* Reviews Display */
.it-reviews-list{display:flex;flex-direction:column;gap:16px;margin-bottom:28px;padding-bottom:28px;border-bottom:2px solid rgba(7,18,23,0.06)}
.it-review-card{background:#fff;border:1px solid rgba(7,18,23,0.06);border-radius:12px;padding:16px;transition:box-shadow 0.2s ease}
.it-review-card:hover{box-shadow:0 8px 24px rgba(2,6,11,0.08)}
.it-review-header{display:flex;gap:12px;align-items:flex-start;margin-bottom:12px}
.it-review-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#FF8B13 0%,#FF8B13 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;flex:0 0 auto}
.it-review-name{margin:0;font-size:15px;font-weight:700;color:#071217}
.it-review-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.it-star-rating{color:#ffc107;font-size:13px;font-weight:600;display:flex;align-items:center;gap:4px}
.it-star-rating i{font-size:12px}
.it-review-date{color:#6b6f77;font-size:12px}
.it-review-text{color:#1a1f2b;font-size:14px;line-height:1.6}

/* Review Form */
.it-review-form-section{background:linear-gradient(135deg,#f0f8ff 0%,#f9fbff 100%);border:2px dashed #FF8B13;border-radius:14px;padding:24px}
.it-form-title{font-size:18px;font-weight:700;color:#071217;margin:0 0 4px}
.it-form-subtitle{color:#6b6f77;font-size:14px;margin:0 0 16px}
.it-form-input{border:1px solid rgba(7,18,23,0.08);border-radius:10px;padding:12px 14px;font-size:14px;transition:border-color 0.2s ease,box-shadow 0.2s ease}
.it-form-input:focus{border-color:#FF8B13;box-shadow:0 0 0 3px rgba(1,175,209,0.1)}
.form-label{font-weight:600;color:#071217;font-size:14px;margin-bottom:6px}

/* Star Rating Radio */
.it-rating-select{display:flex;gap:8px;justify-content:flex-start;flex-direction:row-reverse}
.it-rating-select input[type="radio"]{display:none}
.it-rating-select label{cursor:pointer;font-size:28px;color:#ddd;transition:color 0.2s ease,transform 0.2s ease;padding:4px}
.it-rating-select label:hover,.it-rating-select label:hover ~ label{color:#ffc107;transform:scale(1.1)}
.it-rating-select input[type="radio"]:checked ~ label{color:#ffc107}

.it-form-checks{background:#fff;border-radius:10px;padding:12px;margin-bottom:8px}
.it-form-checks .form-check{margin-bottom:8px}
.it-form-checks .form-check:last-child{margin-bottom:0}
.it-form-checks label{font-size:14px;color:#1a1f2b;margin-bottom:0;cursor:pointer}
.it-form-checks a{color:#FF8B13;text-decoration:none}
.it-form-checks a:hover{text-decoration:underline}

.it-submit-btn{background:linear-gradient(135deg,#FF8B13 0%,#FF8B13 100%);border:none;color:#fff !important;font-weight:700;padding:13px;border-radius:10px;transition:box-shadow 0.2s ease;}
.it-submit-btn:hover{box-shadow:0 5px 14px #FF8B13;color:#fff}

@media (max-width:991px){
  .it-day-header{padding:14px;gap:12px}
  .it-day-title{font-size:15px}
  .it-day-number{width:40px;height:40px;font-size:12px}
  .it-review-form-section{padding:16px}
}

@media (max-width:576px){
  .it-day-header{flex-wrap:wrap;gap:12px}
  .it-day-number{width:36px;height:36px;font-size:11px}
  .it-day-title{width:100%;flex:0 0 100%;font-size:14px}
  .it-time{font-size:12px;min-width:80px}
  .it-event-details{font-size:13px}
  .it-event-details h4{font-size:14px}
  .it-review-form-section{border:1px solid #FF8B13;border-style:solid}
}


/*live wanderlynk*/

.live-card-pwun{
    min-width:220px;max-width:360px;padding:24px; border-right: 1px solid rgb(183, 182, 182);
}
@media(max-width: 768px){
    .live-card-pwun{
        border-bottom: 1px solid rgb(183, 182, 182);
        border-right: none;
    }
}



/* FAQ Section Styles */
.faq-section {
  padding: 60px 0;
  background: linear-gradient(135deg, #f9fbff 0%, #f5e8ff 100%);
}

.faq-sidebar {
  background: #ffffff;
  border-radius: 12px;
  padding: 40px 30px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
  position: sticky;
  top: 130px;
  z-index: 2;
}

.faq-sidebar-title {
  font-size: 18px;
  font-weight: 700;
  color: #071217;
  margin-bottom: 30px;
  letter-spacing: 0.5px;
}

.faq-contact-block {
  display: flex;
  gap: 15px;
  margin-bottom: 25px;
  padding-bottom: 25px;
  border-bottom: 1px solid #e9ecef;
}

.faq-contact-icon {
  width: 50px;
  height: 50px;
  background: #FF8B13 ;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: #ffffff;
  font-size: 20px;
}

.faq-contact-info {
  flex: 1;
}

.faq-label {
  font-size: 12px;
  color: #6c757d;
  font-weight: 600;
  margin: 0 0 5px 0;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}

.faq-contact-value {
  font-size: 15px;
  font-weight: 700;
  color: #071217;
  text-decoration: none;
  transition: color 0.3s ease;
}

.faq-contact-value:hover {
  color: #42AEAD ;
}

.faq-hours {
  margin-bottom: 25px;
  padding-bottom: 25px;
  border-bottom: 1px solid #e9ecef;
}

.faq-hours-day {
  margin-bottom: 15px;
}

.faq-email {
  margin-bottom: 15px;
}

.faq-email:last-child {
  margin-bottom: 0;
}
.faq-email-label {
  font-size: 12px;
  color: #6c757d;
  font-weight: 600;
  margin: 0 0 5px 0;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}

.faq-email-main {
  font-size: 14px;
  color: #071217;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 8px;
}

.faq-email-main i {
  color: #FF8B13 ;
  font-size: 12px;
}

.faq-email-main a{
  text-decoration: none;
  color: #000;
  /* font-size: 12px; */
}

.faq-hours-day:last-child {
  margin-bottom: 0;
}

.faq-hours-label {
  font-size: 12px;
  color: #6c757d;
  font-weight: 600;
  margin: 0 0 5px 0;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}

.faq-hours-time {
  font-size: 14px;
  color: #071217;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 8px;
}

.faq-hours-time i {
  color: #FF8B13 ;
  font-size: 12px;
}

.faq-contact-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  padding: 12px 20px;
  background: #FF8B13;
  color: #ffffff;
  text-decoration: none;
  border-radius: 8px;
  font-weight: 600;
  font-size: 14px;
  transition: all 0.3s ease;
  border: none;
  cursor: pointer;
}

.faq-contact-btn:hover {
  background: #e67a00;
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(255, 139, 19, 0.25);
}

.faq-main-title {
  font-size: 36px;
  font-weight: 700;
  color: #071217;
  margin-bottom: 40px;
  letter-spacing: -0.5px;
}

.faq-accordion {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.faq-item {
  background: #ffffff;
  border: 1px solid #e9ecef;
  border-radius: 8px;
  overflow: hidden;
  transition: all 0.3s ease;
}

.faq-item:hover {
  border-color: #42AEAD ;
  box-shadow: 0 4px 15px rgba(1, 175, 209, 0.1);
}

.faq-question {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px;
  margin: 0;
  cursor: pointer;
  background: #f9fbff;
  border: none;
  width: 100%;
  font-size: 16px;
  font-weight: 600;
  color: #071217;
  transition: all 0.3s ease;
}

.faq-question:hover {
  background: #f1f7ff;
  color: #42AEAD ;
}

.faq-question span {
  flex: 1;
}

.faq-question i {
  font-size: 14px;
  color: #42AEAD ;
  transition: transform 0.3s ease;
  margin-left: 10px;
  flex-shrink: 0;
}

.faq-question[aria-expanded="true"] {
  background: #ffffff;
  color: #42AEAD ;
}

.faq-question[aria-expanded="true"] i {
  transform: rotate(45deg);
  color: #42AEAD ;
}

.faq-answer {
  padding: 20px;
  color: #495057;
  background: #ffffff;
  border-top: 1px solid #e9ecef;
  font-size: 15px;
  line-height: 1.6;
}

.faq-answer p {
  margin: 0;
}

/* FAQ Responsive */
@media (max-width: 991px) {
  .faq-main-title {
    font-size: 28px;
    margin-bottom: 30px;
  }

  .faq-sidebar {
    position: relative;
    top: 0;
    margin-bottom: 30px;
  }
}

@media (max-width: 768px) {
  .faq-section {
    padding: 40px 0;
  }

  .faq-sidebar {
    padding: 30px 20px;
  }

  .faq-sidebar-title {
    font-size: 16px;
    margin-bottom: 20px;
  }

  .faq-main-title {
    font-size: 24px;
    margin-bottom: 25px;
  }

  .faq-question {
    padding: 16px;
    font-size: 15px;
  }

  .faq-answer {
    padding: 16px;
    font-size: 14px;
  }

  .faq-contact-block {
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 10px;
  }

  .faq-contact-info {
    width: 100%;
  }
}


/* Contact Section Styles */
.contact-section {
  padding: 80px 0;
  background: linear-gradient(135deg, #f9fbff 0%, #f5e8ff 100%);
}

.contact-info-card {
  background: #ffffff;
  border-radius: 16px;
  padding: 50px 40px;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);
  height: 100%;
  position: sticky;
  top: 130px;
}

.contact-info-title {
  font-size: 32px;
  font-weight: 700;
  color: #071217;
  margin-bottom: 40px;
  letter-spacing: -0.5px;
}

.contact-info-item {
  display: flex;
  gap: 20px;
  margin-bottom: 35px;
  padding-bottom: 35px;
  border-bottom: 1px solid #e9ecef;
}

.contact-info-item:last-of-type {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.contact-info-icon {
  width: 60px;
  height: 60px;
  background-color: #FF8B13;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: #ffffff;
  font-size: 24px;
}

.contact-info-content {
  flex: 1;
}

.contact-info-label {
  font-size: 14px;
  font-weight: 700;
  color: #071217;
  margin: 0 0 8px 0;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.contact-info-text {
  /*font-size: 15px;*/
  color: #495057;
  margin: 0;
  line-height: 1.6;
}

.contact-info-text a {
  color: #495057;
  text-decoration: none;
  transition: color 0.3s ease;
}

.contact-info-text a:hover {
  color: #495057;
}

.contact-social-links {
  /* margin-top: 35px; */
  /* padding-top: 35px; */
  /* border-top: 1px solid #e9ecef; */
}

.social-icons {
  display: flex;
  gap: 12px;
  margin-top: 15px;
}

.icon {
  font-size: 22px;      /* adjust as needed */
  margin-right: 10px;
  text-decoration: none;
}

.icon.instagram i {
  color: #E4405F;      /* Instagram pink/red */
}

.icon.linkedin i {
  color: #0A66C2;      /* LinkedIn blue */
}

.icon.facebook i {
  color: #1877F2;      /* Facebook blue */
}

.social-icons a {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: #f0f4f8;
  display: flex;
  align-items: center;
  justify-content: center;
  /*color: #01AFD1;*/
  font-size: 16px;
  transition: all 0.3s ease;
  text-decoration: none;
}

/*.social-icons a:hover {*/
/*  background: #01AFD1;*/
/*  color: #ffffff;*/
/*  transform: translateY(-4px);*/
/*}*/

.contact-form-card {
  background: #ffffff;
  border-radius: 16px;
  padding: 50px 40px;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);
}

.contact-form-title {
  font-size: 32px;
  font-weight: 700;
  color: #071217;
  margin-bottom: 12px;
  letter-spacing: -0.5px;
}

.contact-form-subtitle {
  font-size: 15px;
  color: #495057;
  margin-bottom: 30px;
  line-height: 1.6;
}

.contact-form {
  display: flex;
  flex-direction: column;
  gap: 0;
}

.form-group {
  margin-bottom: 24px;
}

.form-label {
  font-size: 14px;
  font-weight: 600;
  color: #071217;
  margin-bottom: 10px;
  display: block;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}

.form-control {
  padding: 12px 16px;
  border: 1px solid #e9ecef;
  border-radius: 8px;
  font-size: 15px;
  color: #071217;
  background: #f9fbff;
  transition: all 0.3s ease;
  font-family: inherit;
}

.form-control:focus {
  background: #ffffff;
  border-color: #01AFD1;
  box-shadow: 0 0 0 3px rgba(1, 175, 209, 0.1);
  outline: none;
}

.form-control::placeholder {
  color: #a0a9b8;
}

textarea.form-control {
  resize: vertical;
  min-height: 140px;
}

.form-check {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: 0;
}

.form-check-input {
  width: 20px;
  height: 20px;
  margin-top: 2px;
  border: 2px solid #e9ecef;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.3s ease;
}

.form-check-input:checked {
  background-color: #01AFD1;
  border-color: #01AFD1;
}

.form-check-label {
  font-size: 14px;
  color: #495057;
  cursor: pointer;
  margin: 0;
  line-height: 1.5;
}

.contact-submit-btn {
  padding: 14px 40px;
  background: linear-gradient(135deg, #FF8B13 0%, #f07a00 100%);
  color: #ffffff;
  border: none;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-top: 10px;
}

.contact-submit-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 30px rgba(255, 139, 19, 0.3);
}

.contact-submit-btn:active {
  transform: translateY(0);
}

/* Map Section */
.contact-map-section {
  width: 100%;
  height: 500px;
  background: #f0f4f8;
  overflow: hidden;
}

.contact-map-section iframe {
  display: block;
  width: 100%;
  height: 100%;
}

/* Contact Responsive */
@media (max-width: 991px) {
  .contact-info-card {
    position: relative;
    top: 0;
  }

  .contact-info-title,
  .contact-form-title {
    font-size: 28px;
  }
}

@media (max-width: 768px) {
  .contact-section {
    padding: 60px 0;
  }

  .contact-info-card,
  .contact-form-card {
    padding: 30px 20px;
  }

  .contact-info-title,
  .contact-form-title {
    font-size: 24px;
    margin-bottom: 20px;
  }

  .contact-form-subtitle {
    margin-bottom: 20px;
  }

  .contact-info-item {
    gap: 15px;
    margin-bottom: 25px;
    padding-bottom: 25px;
  }

  .contact-info-icon {
    width: 50px;
    height: 50px;
    font-size: 20px;
  }

  .contact-form {
    gap: 0;
  }

  .form-group {
    margin-bottom: 18px;
  }

  .contact-map-section {
    height: 350px;
  }

  .form-control {
    padding: 10px 14px;
    font-size: 14px;
  }
}

  .faq-sidebar {
    position: relative;
    top: 0;
    margin-bottom: 30px;
  }
}

@media (max-width: 768px) {
  .faq-section {
    padding: 40px 0;
  }

  .faq-sidebar {
    padding: 30px 20px;
  }

  .faq-sidebar-title {
    font-size: 16px;
    margin-bottom: 20px;
  }

  .faq-main-title {
    font-size: 24px;
    margin-bottom: 25px;
  }

  .faq-question {
    padding: 16px;
    font-size: 15px;
  }

  .faq-answer {
    padding: 16px;
    font-size: 14px;
  }

  .faq-contact-block {
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 10px;
  }

  .faq-contact-info {
    width: 100%;
  }
}


/* Terms & Conditions */
.tc-section {
  padding: 80px 0;
  background: linear-gradient(135deg, #f9fbff 0%, #f5e8ff 100%);
}

.tc-card {
  background: #ffffff;
  border-radius: 16px;
  padding: 40px 32px;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);
  display: flex;
  flex-direction: column;
  gap: 28px;
}

.tc-header {
  max-width: 720px;
  margin: 0 auto 32px auto;
}

.tc-badge {
  display: inline-block;
  padding: 8px 16px;
  background: #ffffff;
  border: 2px solid #FF8B13;
  border-radius: 999px;
  color: #FF8B13;
  font-weight: 700;
  letter-spacing: 0.8px;
  font-size: 13px;
}

.tc-title {
  font-size: 38px;
  font-weight: 800;
  color: #071217;
  margin: 16px 0 10px 0;
  letter-spacing: -0.5px;
}

.tc-lead {
  font-size: 16px;
  color: #495057;
  margin: 0;
  line-height: 1.7;
}

.tc-block h3 {
  font-size: 20px;
  font-weight: 700;
  color: #071217;
  margin-bottom: 12px;
}

.tc-block h4 {
  font-size: 18px;
  font-weight: 700;
  color: #071217;
  margin-bottom: 10px;
}

.tc-block ul {
  padding-left: 20px;
  margin: 0;
  color: #495057;
  line-height: 1.7;
  font-size: 15px;
}

.tc-block ul li {
  margin-bottom: 8px;
}

.tc-block ul li:last-child {
  margin-bottom: 0;
}

.tc-note {
  background: #f9fbff;
  border: 1px solid #e9ecef;
  border-radius: 12px;
  padding: 20px;
}

.tc-note p {
  margin: 0;
  color: #071217;
  font-weight: 600;
}

.tc-note a {
  color: #01AFD1;
  text-decoration: none;
}

.tc-note a:hover {
  color: #FF8B13;
}

@media (max-width: 768px) {
  .tc-section {
    padding: 60px 0;
  }

  .tc-card {
    padding: 28px 22px;
    gap: 22px;
  }

  .tc-title {
    font-size: 30px;
  }

  .tc-block h3 {
    font-size: 18px;
  }

  .tc-lead {
    font-size: 15px;
  }
}

  .faq-sidebar {
    position: relative;
    top: 0;
    margin-bottom: 30px;
  }
}

@media (max-width: 768px) {
  .faq-section {
    padding: 40px 0;
  }

  .faq-sidebar {
    padding: 30px 20px;
  }

  .faq-sidebar-title {
    font-size: 16px;
    margin-bottom: 20px;
  }

  .faq-main-title {
    font-size: 24px;
    margin-bottom: 25px;
  }

  .faq-question {
    padding: 16px;
    font-size: 15px;
  }

  .faq-answer {
    padding: 16px;
    font-size: 14px;
  }

  .faq-contact-block {
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 10px;
  }

  .faq-contact-info {
    width: 100%;
  }
}