/* ============================================================
   TRAVEXA THEME - MAIN STYLESHEET
   Author      : Akshar Webtech
   Version     : 1.0.0

   TABLE OF CONTENTS:
   ------------------------------------------------------------
   01. ROOT VARIABLES & GLOBAL RESET
   02. TYPOGRAPHY, BUTTONS & FORM CONTROLS
   03. PRELOADER & SCROLLBAR
   04. HEADER & NAVIGATION (V1, V2, V3, STICKY & OFFCANVAS)
   05. HERO & BANNER SECTIONS (HOME V1, HOME V2, V3, BREADCRUMBS)
   06. SEARCH MODAL & BOOKING WIDGETS
   07. DESTINATIONS (BENTO GRID, 3D CAROUSEL, LISTING, DETAILS)
   08. TOURS & PACKAGES (CARDS, LISTING, DETAILS, BOOKING)
   09. HOTELS & RESORTS (GRID, DETAILS, RESERVATIONS)
   10. WHY CHOOSE US & FEATURE OVERLAPS
   11. TRAVEL STYLES & CATEGORY CAROUSELS
   12. PROMO & FLASH SALE BANNERS
   13. TESTIMONIALS & REVIEWS (HOME V1, V2, V3, DEDICATED PAGE)
   14. ABOUT US & PROCESS SECTION (STORY, STATS, HOW WE WORK)
   15. OUR TEAM & TEAM MEMBER DETAILS
   16. PRICING PLANS SECTION (CARDS, BILLING SWITCHER)
   17. FAQ & ACCORDION SECTION
   18. TERMS & CONDITIONS & PRIVACY POLICY
   19. MY ACCOUNT & USER DASHBOARD
   20. AUTHENTICATION PAGES (LOGIN, REGISTER, FORGOT PASS)
   21. UTILITY PAGES (COMING SOON, 404 ERROR)
   22. BLOG & EDITORIAL NEWS (GRID, STANDARD, DETAIL POST)
   23. CONTACT US SECTION (INFO CARDS, FORM, GOOGLE MAP)
   24. INSTAGRAM & GALLERY GRID
   25. FOOTER & NEWSLETTER WIDGETS (V1, V2, V3 ADVENTURE)
   ============================================================ */

/* ============================================================
   01. ROOT VARIABLES & GLOBAL RESET
   ============================================================ */
:root {
  --primary: #001853;
  --primary-rgb: rgba(0, 24, 83);
  --secondary: #009ea9;
  --secondary-rgb: rgba(0, 158, 169);
  --accent: #e21e27;
  --accent-rgb: 255, 107, 0;
  --accent-hover: #E05E00;
  --bg-white: #FFFFFF;
  --bg-light: #F8FAFC;
  --text-primary: #001853;
  --text-secondary: #009ea9;
  --text-accent: #e21e27;
  --text-white: #ffffff;
  --text-dark: #1F2937;
  --text-muted: #6B7280;
  --border-color: #E5E7EB;
  --font-body: 'Outfit', system-ui, -apple-system, sans-serif;
  --font-heading: 'Outfit', system-ui, -apple-system, sans-serif;
  --font-brush: 'Caveat', cursive;
  --shadow-sm: 0 2px 8px rgba(11, 61, 145, 0.05);
  --shadow-md: 0 8px 24px rgba(11, 61, 145, 0.08);
  --shadow-lg: 0 16px 36px rgba(11, 61, 145, 0.12);
  --shadow-accent: 0 8px 20px rgba(255, 107, 0, 0.3);
  --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-pill: 50px;
}

*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.container {
  max-width: 1480px;
  margin: 0 auto;
  padding: 0 20px;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: var(--font-body);
  color: var(--text-dark);
  background-color: var(--bg-white);
  line-height: 1.6;
  position: relative;
  margin: 0;
  padding: 0;
}

img,
svg,
video,
iframe {
  max-width: 100%;
}

section,
header,
footer,
main,
.hero-section,
.main-header,
.top-header {
  max-width: 100%;
  overflow-x: clip;
}

a {
  text-decoration: none;
  color: inherit;
  transition: var(--transition);
}

ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

/*=============================
  TRAVEXA THEME UTILITIES & OVERRIDES
===============================*/

.tx-secondary {
  color: var(--secondary) !important;
}

.text-accent {
  color: var(--accent) !important;
}

.bg-secondary {
  background-color: var(--secondary) !important;
}

.bg-accent {
  background-color: var(--accent) !important;
}

.bg-primary-soft {
  background-color: rgba(0, 24, 83, 0.08) !important;
  color: var(--primary) !important;
}

.bg-secondary-soft {
  background-color: rgba(0, 158, 169, 0.1) !important;
  color: var(--secondary) !important;
}

.bg-accent-soft {
  background-color: rgba(255, 107, 0, 0.12) !important;
  color: var(--accent) !important;
}

/*=============================
  BUTTON STYLE
===============================*/
button {
  font-family: inherit;
  border: none;
  outline: none;
  background: transparent;
  cursor: pointer;
}

.btn-primary {
  -webkit-tap-highlight-color: transparent;
  background: var(--accent);
  border-color: var(--accent);
  color: var(--text-white) !important;
  cursor: pointer;
  font-family: var(--font-body);
  font-size: 15px;
  font-weight: 600;
  line-height: 1.4;
  margin: 0;
  border: 1px solid transparent;
  box-sizing: border-box;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.5rem;
  height: 48px;
  padding: 0 1.75rem !important;
  position: relative;
  text-transform: capitalize;
  border-radius: var(--radius-pill) !important;
  overflow: hidden;
  z-index: 1;
  transition: color 0.35s ease, box-shadow 0.35s ease, transform 0.35s ease;
}

.btn-primary * {
  position: relative;
  z-index: 2;
  transition: color 0.35s ease;
}

.btn-primary:disabled {
  cursor: default;
  opacity: 0.65;
}

.btn-primary:-moz-focusring {
  outline: auto;
}

.btn-primary svg,
.btn-primary i {
  display: inline-block;
  vertical-align: middle;
  transition: transform 0.35s ease, color 0.35s ease;
}

.btn-primary [hidden] {
  display: none;
}

.btn-primary::before {
  --middle: calc(48px / 2);
  background: var(--bg-white);
  content: "";
  height: 100%;
  left: calc(48px * -1);
  position: absolute;
  top: 0;
  transform: rotate(-90deg);
  transform-origin: var(--middle) var(--middle);
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  width: calc(100% + 48px);
  z-index: 1;
}

.btn-primary:hover::before,
.btn-primary:focus::before,
.btn-primary:focus-visible::before,
.btn-primary:active::before,
.btn-primary.active::before,
.show>.btn-primary.dropdown-toggle::before {
  transform: rotate(0deg);
}

.btn-primary,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:focus-visible,
.btn-primary:active,
.btn-primary.active,
.show>.btn-primary.dropdown-toggle {
  background-color: var(--accent) !important;
  border-color: var(--accent) !important;
  outline: none !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:focus-visible,
.btn-primary:active,
.btn-primary.active,
.show>.btn-primary.dropdown-toggle {
  color: var(--primary) !important;
  transform: translateY(-2px);
}

.btn-primary:hover *,
.btn-primary:hover i,
.btn-primary:hover span,
.btn-primary:focus *,
.btn-primary:focus i,
.btn-primary:focus span,
.btn-primary:active *,
.btn-primary:active i,
.btn-primary:active span,
.btn-primary.active *,
.btn-primary.active i,
.btn-primary.active span,
.show>.btn-primary.dropdown-toggle * {
  color: var(--primary) !important;
}

.btn-primary:hover i,
.btn-primary:focus i,
.btn-primary:active i {
  transform: translateX(3px);
}

/*====================================
  Form Control / Input / Textarea 
====================================== */
.form-control {
  font-family: var(--font-body);
  font-size: 15px;
  color: var(--text-dark);
  background-color: var(--bg-white);
  border: 1px solid var(--border-color);
  border-radius: var(--radius-sm);
  padding: 0.75rem 1.25rem;
  transition: var(--transition);
}

.form-control:focus {
  border-color: var(--secondary);
  box-shadow: 0 0 0 4px rgba(0, 158, 169, 0.15);
  background-color: var(--bg-white);
  color: var(--text-dark);
  outline: none;
}

.form-control::placeholder {
  color: var(--text-muted);
  opacity: 0.8;
}

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

/* Form Select Box */
.form-select {
  font-family: var(--font-body);
  font-size: 15px;
  color: var(--text-dark);
  background-color: var(--bg-white);
  border: 1px solid var(--border-color);
  border-radius: var(--radius-sm);
  padding: 0.75rem 2.5rem 0.75rem 1.25rem;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23001853' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 1rem center;
  background-size: 14px 10px;
  transition: var(--transition);
  cursor: pointer;
  appearance: none;
}

.form-select:focus {
  border-color: var(--secondary);
  box-shadow: 0 0 0 4px rgba(0, 158, 169, 0.15);
  outline: none;
}

/* Custom Interactive Select Widget (.travexa-custom-select) */

/* Checkboxes & Radio Buttons */

/*====================================
  PRELOADER
====================================== */
.preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--bg-white);
  z-index: 999999;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.6s cubic-bezier(0.25, 1, 0.5, 1), visibility 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}

.preloader.loaded {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.preloader-inner {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Pulsing Logo */

/* Dual Spinning Rings */
.spinner-ring {
  position: absolute;
  width: 130px;
  height: 130px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: var(--accent);
  border-bottom-color: var(--primary);
  animation: spinLoader 1.5s linear infinite;
  z-index: 1;
}

.spinner-ring::before {
  content: '';
  position: absolute;
  top: 8px;
  left: 8px;
  right: 8px;
  bottom: 8px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-left-color: var(--secondary);
  animation: spinLoader 1s linear infinite reverse;
}

@keyframes spinLoader {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

/*=============================
  TOP HEADER (DESKTOP)
===============================*/
.top-header {
  background-color: var(--primary);
  color: var(--text-white);
  padding: 10px 0;
  z-index: 1090;
  position: relative;
  font-size: 14px;
  letter-spacing: 0.8px;
}

.top-header-link {
  color: var(--text-white);
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  transition: var(--transition);
}

.top-header-icon {
  color: var(--accent);
}

.top-header-divider {
  width: 1px;
  height: 12px;
  background-color: rgba(255, 255, 255, 0.25);
  display: inline-block;
  margin: 0 0.85rem;
  vertical-align: middle;
}

.top-header-dropdown .dropdown-menu {
  font-size: 13px;
  background: #ffffff !important;
  border: 1px solid rgba(0, 24, 83, 0.08) !important;
  box-shadow: 0 14px 35px rgba(0, 24, 83, 0.16) !important;
  border-radius: 10px !important;
  min-width: 120px;
  padding: 0.5rem 0;
  margin-top: 35px !important;
  z-index: 1095 !important;
  animation: headerFadeIn 0.2s ease-out forwards;
}

/* Social Icons */

/*=============================
  HEADER NAVIGATION
===============================*/
.main-header {
  position: relative;
  width: 100%;
  z-index: 1080;
  background-color: var(--bg-white);
  transition: box-shadow 0.3s ease, border-color 0.3s ease;
  border-bottom: 1px solid var(--border-color);
}

/* Header Sticky */
.main-header.is-sticky {
  position: sticky;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 1080;
  background-color: var(--bg-white) !important;
  box-shadow: 0 10px 30px rgba(0, 24, 83, 0.12) !important;
  border-bottom-color: transparent !important;
}

/* Glass Effect Header Navigation */
.main-header.header-glass {
  position: absolute;
  top: 56px;
  left: 0;
  width: 100%;
  z-index: 1080;
  background: rgba(255, 255, 255, 0.78);
  backdrop-filter: blur(20px) saturate(180%);
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  border-bottom: 1px solid rgba(255, 255, 255, 0.45);
  box-shadow: 0 8px 32px rgba(0, 24, 83, 0.08);
  transition: all 0.35s ease;
}

.main-header.header-glass .navbar-nav .nav-link {
  color: var(--primary);
  font-weight: 600;
}

.main-header.header-glass .navbar-nav .nav-link:hover,
.main-header.header-glass .navbar-nav .nav-link.active {
  color: var(--accent);
}

.main-header.header-glass.is-sticky {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  background: rgba(255, 255, 255, 0.9) !important;
  backdrop-filter: blur(24px) saturate(190%) !important;
  -webkit-backdrop-filter: blur(24px) saturate(190%) !important;
  box-shadow: 0 10px 35px rgba(0, 24, 83, 0.12) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.6) !important;
}

.brand-logo-img {
  max-height: 80px;
  width: auto;
  object-fit: contain;
  transition: var(--transition);
}

.brand-logo:hover .brand-logo-img {
  transform: scale(1.03);
}

/* Navigation Menu Links */
.navbar-nav .nav-item {
  position: relative;
  margin: 0 0.25rem;
}

.navbar-nav .nav-link {
  font-family: var(--font-body);
  font-weight: 500;
  color: var(--text-dark);
  padding: 1.35rem 0.85rem !important;
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  position: relative;
  transition: var(--transition);
}

.navbar-nav .dropdown-toggle::after {
  display: none !important;
}

.navbar-nav .nav-link::after {
  content: '';
  position: absolute;
  bottom: 12px;
  left: 50%;
  width: 0;
  height: 2.5px;
  background: var(--accent);
  border-radius: var(--radius-pill);
  transition: var(--transition);
  transform: translateX(-50%);
}

.navbar-nav .nav-link:hover,
.navbar-nav .nav-link.active {
  color: var(--primary);
}

.navbar-nav .nav-link:hover::after,
.navbar-nav .nav-link.active::after {
  width: 70%;
}

/* ============================================================
   GLASS DROPDOWN & MENU NAVIGATION STYLING
   ============================================================ */
.navbar-nav .dropdown-menu {
  background: rgba(255, 255, 255, 0.82);
  backdrop-filter: blur(20px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(20px) saturate(180%) !important;
  border: 1px solid rgba(255, 255, 255, 0.6);
  border-radius: 16px !important;
  box-shadow: 0 16px 40px rgba(0, 24, 83, 0.14) !important;
  margin-top: 12px !important;
  padding: 0.65rem 0.5rem !important;
  animation: headerFadeIn 0.25s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

.main-header.header-glass .navbar-nav .dropdown-menu {
  background: rgba(255, 255, 255, 0.8) !important;
  backdrop-filter: blur(24px) saturate(190%) !important;
  -webkit-backdrop-filter: blur(24px) saturate(190%) !important;
  border: 1px solid rgba(255, 255, 255, 0.7) !important;
  box-shadow: 0 20px 45px rgba(0, 24, 83, 0.16), 0 0 0 1px rgba(255, 255, 255, 0.5) inset !important;
}

.dropdown-home {
  min-width: 235px;
  padding: 0.65rem 0.5rem !important;
}

.dropdown-home .dropdown-item,
.dropdown-menu .dropdown-item {
  padding: 0.65rem 1.15rem;
  font-size: 14.5px;
  font-weight: 600;
  color: var(--primary);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  border-radius: 10px;
  margin-bottom: 2px;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

.dropdown-home .dropdown-item:hover,
.dropdown-home .dropdown-item:focus,
.dropdown-home .dropdown-item.active,
.dropdown-menu .dropdown-item:hover,
.dropdown-menu .dropdown-item:focus,
.dropdown-menu .dropdown-item.active {
  background: rgba(255, 107, 0, 0.1) !important;
  color: var(--accent) !important;
  font-weight: 700 !important;
  padding-left: 1.4rem !important;
  transform: translateX(4px);
}

/* RIGHT SIDE ACTION BUTTONS */
.header-actions {
  display: flex;
  align-items: center;
  gap: 0.85rem;
}

/*=============================
  MOBILE HEADER NAVIGATION
===============================*/
.navbar-toggler {
  border: none;
  padding: 0;
  width: 42px;
  height: 42px;
  border-radius: var(--radius-sm);
  background-color: var(--primary);
  border: 1px solid var(--border-color);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--text-white);
  font-size: 19px;
  transition: var(--transition);
}

.navbar-toggler:focus {
  box-shadow: 0 0 0 3px rgba(11, 61, 145, 0.2);
}

.offcanvas-mobile {
  width: 320px !important;
  border-left: 1px solid var(--border-color);
  box-shadow: var(--shadow-lg);
}

.offcanvas-mobile .offcanvas-header {
  padding: 1.25rem 1.5rem;
  border-bottom: 1px solid var(--border-color);
}

.offcanvas-mobile .offcanvas-body {
  padding: 1.5rem;
  overflow-y: auto;
}

.offcanvas-nav .nav-link {
  font-family: var(--font-heading);
  font-weight: 600;
  color: var(--text-dark);
  padding: 0.75rem 0 !important;
  font-size: 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px dashed var(--border-color);
  transition: var(--transition);
}

.offcanvas-nav .nav-link i {
  transition: transform 0.3s ease;
}

.offcanvas-nav .nav-link[aria-expanded="true"] {
  color: var(--accent);
}

.offcanvas-nav .nav-link[aria-expanded="true"] i {
  transform: rotate(180deg);
  color: var(--accent);
}

.offcanvas-nav .nav-link::after {
  display: none;
}

.offcanvas-nav .nav-link:hover,
.offcanvas-nav .nav-link.active {
  color: var(--accent);
}

.offcanvas-nav .collapse a {
  display: block;
  color: var(--text-muted);
  border-radius: var(--radius-sm);
  transition: var(--transition);
}

.offcanvas-nav .collapse a:hover,
.offcanvas-nav .collapse a.active {
  color: var(--primary);
  font-weight: 600;
  background-color: rgba(0, 24, 83, 0.05);
  padding: 0.45rem 0.75rem;
}

.offcanvas-contact-box {
  background-color: var(--bg-light);
  border-radius: var(--radius-md);
  padding: 1rem;
  margin-top: 1.5rem;
}

/* =============================
  FULLSCREEN LUXURY SEARCH MODAL
=============================== */

.modal-backdrop {
  z-index: 10990 !important;
}

.search-modal .modal-dialog {
  max-width: 100vw !important;
  width: 100vw !important;
  height: 100vh !important;
  margin: 0 !important;
  padding: 0 !important;
}

.search-modal .modal-content {
  background: radial-gradient(circle at center, rgba(0, 36, 110, 0.96) 0%, rgba(0, 18, 65, 0.98) 100%) !important;
  backdrop-filter: blur(28px) saturate(190%) !important;
  -webkit-backdrop-filter: blur(28px) saturate(190%) !important;
  min-height: 100vh !important;
  width: 100% !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
}


.search-modal .modal-header .btn-close {
  position: absolute !important;
  top: 2.5rem !important;
  right: 2.5rem !important;
  width: 52px !important;
  height: 52px !important;
  border-radius: 50% !important;
  background: rgba(255, 255, 255, 0.1) !important;
  border: 1px solid rgba(255, 255, 255, 0.25) !important;
  color: #ffffff !important;
  opacity: 1 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 22px !important;
  cursor: pointer !important;
  z-index: 1090 !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}


.search-modal .modal-header .btn-close:hover {
  background: var(--accent) !important;
  border-color: var(--accent) !important;
  color: #ffffff !important;
  transform: rotate(90deg) scale(1.1) !important;
  box-shadow: 0 8px 25px rgba(255, 107, 0, 0.5) !important;
}

/* Animations */
@keyframes searchModalContentIn {
  0% {
    opacity: 0;
    transform: scale(0.92) translateY(24px);
  }

  100% {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}


.search-modal.show .modal-body {
  animation: searchModalContentIn 0.4s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

/* =============================
  HERO SECTION BANNER
=============================== */
.hero-section {
  position: relative;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 185px 0 95px;
  background-color: var(--primary);
  color: var(--bg-white);
  overflow: visible;
  z-index: 20;
}

/* Background Video Layer */
.hero-video-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 1;
  pointer-events: none;
}

.hero-bg-video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  transform: translate(-50%, -50%);
  object-fit: cover;
  z-index: 1;
}

.hero-video-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(0, 24, 83, 0.42) 0%, rgba(0, 24, 83, 0.65) 100%);
  z-index: 2;
  pointer-events: none;
}

.hero-section .container {
  position: relative;
  z-index: 10;
}

/* Curved SVG Flight Path Trails */
.hero-flight-trail-svg {
  position: absolute;
  top: 6%;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 2;
  opacity: 0.85;
}

.flight-path-glow {
  animation: flightDash 32s linear infinite;
  filter: drop-shadow(0 0 6px rgba(255, 107, 0, 0.45));
}

.flight-path-dim {
  animation: flightDashReverse 42s linear infinite;
}

@keyframes flightDash {
  to {
    stroke-dashoffset: -1000;
  }
}

@keyframes flightDashReverse {
  to {
    stroke-dashoffset: 1000;
  }
}

/* Ambient Glowing Light Orbs */
.hero-glow-orb {
  position: absolute;
  border-radius: 50%;
  filter: blur(80px);
  pointer-events: none;
  z-index: 2;
}

.hero-glow-orb-1 {
  top: 15%;
  left: 4%;
  width: 380px;
  height: 380px;
  background: radial-gradient(circle, rgba(255, 107, 0, 0.32) 0%, rgba(255, 107, 0, 0) 70%);
  animation: orbFloat 10s ease-in-out infinite alternate;
}

.hero-glow-orb-2 {
  top: 25%;
  right: 4%;
  width: 420px;
  height: 420px;
  background: radial-gradient(circle, rgba(0, 168, 150, 0.28) 0%, rgba(0, 168, 150, 0) 70%);
  animation: orbFloat 12s ease-in-out infinite alternate-reverse;
}

@keyframes orbFloat {
  0% {
    transform: translate(0, 0) scale(1);
  }

  50% {
    transform: translate(30px, -25px) scale(1.15);
  }

  100% {
    transform: translate(-20px, 20px) scale(0.95);
  }
}

/* Ambient Floating Travel Exploration Decor */

/* Side Floating Glassmorphic Badges */
.hero-floating-badge {
  position: absolute;
  z-index: 12;
  padding: 12px 18px;
  border-radius: 20px;
  background: rgba(0, 24, 83, 0.68);
  backdrop-filter: blur(18px) saturate(180%);
  -webkit-backdrop-filter: blur(18px) saturate(180%);
  border: 1px solid rgba(255, 255, 255, 0.25);
  box-shadow: 0 20px 45px rgba(0, 15, 50, 0.4), inset 0 1px 1px rgba(255, 255, 255, 0.4);
  align-items: center;
  gap: 14px;
  transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), box-shadow 0.4s ease, border-color 0.4s ease;
}

.hero-badge-left {
  top: 140px;
  left: 20px;
  animation: badgeFloat1 7s ease-in-out infinite alternate;
}

.hero-badge-right {
  top: 180px;
  right: 20px;
  animation: badgeFloat2 8s ease-in-out infinite alternate;
}

.hero-floating-badge:hover {
  transform: translateY(-8px) scale(1.03);
  border-color: rgba(255, 107, 0, 0.6);
  box-shadow: 0 25px 55px rgba(0, 15, 50, 0.5), 0 0 30px rgba(255, 107, 0, 0.3);
}

@keyframes badgeFloat1 {
  0% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(-18px);
  }
}

@keyframes badgeFloat2 {
  0% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(-16px);
  }
}

.hero-badge-icon-wrap {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: rgba(255, 107, 0, 0.18);
  border: 1px solid rgba(255, 107, 0, 0.35);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  color: var(--accent);
  box-shadow: 0 6px 16px rgba(255, 107, 0, 0.3);
  flex-shrink: 0;
}

.hero-badge-title {
  font-size: 14.5px;
  font-weight: 700;
  color: #ffffff;
  line-height: 1.2;
}

.hero-badge-sub {
  font-size: 11.5px;
  color: rgba(255, 255, 255, 0.75);
  line-height: 1.3;
}

.hero-badge-live {
  font-size: 11px;
  color: #4ade80;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 5px;
  margin-top: 3px;
}

.live-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background-color: #22c55e;
  box-shadow: 0 0 8px #22c55e;
  animation: pulseDot 1.5s infinite;
}

@keyframes pulseDot {
  0% {
    transform: scale(0.9);
    opacity: 0.7;
  }

  50% {
    transform: scale(1.25);
    opacity: 1;
    box-shadow: 0 0 12px #22c55e;
  }

  100% {
    transform: scale(0.9);
    opacity: 0.7;
  }
}

.hero-badge-verified {
  font-size: 10.5px;
  color: rgba(255, 255, 255, 0.85);
  font-weight: 600;
  margin-top: 3px;
  display: flex;
  align-items: center;
}

/* Avatar Group & Avatars */

/* Hero Script Tag */
.hero-script-tag {
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.28);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  padding: 8px 24px;
  border-radius: 50px;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);
  margin-bottom: 1.25rem;
  transition: all 0.3s ease;
}

.hero-script-tag:hover {
  background: rgba(255, 255, 255, 0.18);
  border-color: rgba(255, 107, 0, 0.6);
  transform: translateY(-2px);
}

.hero-pulse-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--accent);
  box-shadow: 0 0 10px var(--accent);
  animation: pulseDot 1.8s infinite;
}

.hero-script-text {
  font-family: var(--font-brush);
  font-size: 26px;
  color: var(--text-white);
  letter-spacing: 1px;
}

.hero-script-tag .plane-icon {
  font-size: 16px;
  color: var(--accent);
  display: inline-block;
  animation: planeGlide 3s ease-in-out infinite alternate;
}

@keyframes planeGlide {
  0% {
    transform: translate(0, 0) rotate(-15deg);
  }

  100% {
    transform: translate(6px, -4px) rotate(-5deg);
  }
}

.hero-main-heading {
  font-family: var(--font-heading);
  font-size: 74px;
  font-weight: 800;
  line-height: 1.05;
  color: var(--text-white);
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 1.25rem;
  text-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}

.hero-brush-highlight {
  font-family: var(--font-brush);
  font-size: 94px;
  font-weight: 700;
  color: var(--accent) !important;
  text-transform: capitalize;
  display: block;
  letter-spacing: 2px;
  line-height: 1.1;
  margin: 0.15rem 0;
}

.hero-desc {
  font-size: 17px;
  color: rgba(255, 255, 255, 0.9);
  margin-bottom: 2rem;
  line-height: 1.6;
}

/* Popular Searches Quick Discovery Chips */
.hero-quick-tags {
  position: relative;
  z-index: 10;
  margin-bottom: 1rem;
}

.quick-tags-label {
  font-size: 13px;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.9);
  letter-spacing: 0.3px;
}

.hero-tag-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 14px;
  border-radius: 50px;
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.24);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  color: #ffffff;
  font-size: 12.5px;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1);
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

.hero-tag-chip:hover {
  background: rgba(255, 107, 0, 0.28);
  border-color: var(--accent);
  color: #ffffff;
  transform: translateY(-3px);
  box-shadow: 0 8px 22px rgba(255, 107, 0, 0.35);
}

/* White Booking Bar Widget */

/* Glass Effect Booking Bar (Hero Section) */

/* Custom Travexa Theme DatePicker Widget */
.travexa-datepicker-pop {
  position: absolute;
  top: calc(100% + 8px);
  bottom: auto;
  left: 0;
  width: 290px;
  background: var(--bg-white);
  border-radius: var(--radius-md);
  box-shadow: 0 25px 60px rgba(0, 24, 83, 0.25);
  border: 1px solid var(--border-color);
  padding: 1.15rem;
  z-index: 9999;
  animation: headerFadeIn 0.25s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}

.travexa-datepicker-pop.pop-right {
  left: auto;
  right: 0;
}

.datepicker-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.85rem;
}

.datepicker-header .current-month-year {
  font-family: var(--font-heading);
  font-size: 15px;
  font-weight: 700;
  color: var(--primary);
}

.datepicker-nav-btn {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: var(--bg-light);
  color: var(--text-dark);
  border: 1px solid var(--border-color);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  cursor: pointer;
  transition: var(--transition);
}

.datepicker-nav-btn:hover {
  background: var(--primary);
  color: var(--text-white);
  border-color: var(--primary);
}

.datepicker-weekdays {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  text-align: center;
  font-size: 12px;
  font-weight: 700;
  color: var(--text-muted);
  margin-bottom: 0.4rem;
}

.datepicker-days {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 3px;
  text-align: center;
}

.datepicker-day {
  height: 32px;
  line-height: 32px;
  border-radius: 50%;
  font-size: 13px;
  font-weight: 500;
  color: var(--text-dark);
  cursor: pointer;
  transition: var(--transition);
  user-select: none;
}

.datepicker-day:hover {
  background: rgba(0, 158, 169, 0.12);
  color: var(--secondary);
}

.datepicker-day.is-today {
  border: 1.5px solid var(--secondary);
  color: var(--secondary);
  font-weight: 700;
}

.datepicker-day.is-selected {
  background: var(--accent) !important;
  color: var(--text-white) !important;
  font-weight: 700;
  box-shadow: 0 4px 12px rgba(255, 107, 0, 0.4);
}

.datepicker-day.is-disabled {
  opacity: 0.3;
  cursor: default;
  pointer-events: none;
}

.datepicker-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 0.85rem;
  padding-top: 0.65rem;
  border-top: 1px solid var(--border-color);
}

.datepicker-footer button {
  font-size: 12px;
  font-weight: 600;
  color: var(--secondary);
  background: transparent;
  border: none;
  cursor: pointer;
  transition: var(--transition);
}

.datepicker-footer button:hover {
  color: var(--accent);
}

/* Hero Bottom Wave Shape Divider */
.hero-shape-bottom {
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  overflow: hidden;
  line-height: 0;
  z-index: 2;
  pointer-events: none;
}

.hero-shape-bottom img {
  width: 100%;
  height: 35px;
  object-fit: cover;
  object-position: center bottom;
  display: block;
}

@keyframes headerFadeIn {
  from {
    opacity: 0;
    transform: translateY(8px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/*====================================
  TRENDING DESTINATIONS
====================================== */
.trending-destinations {
  position: relative;
  background-color: #ffffff !important;
  overflow: hidden;
}

/* Giant Atmospheric Watermark */
.trending-dest-watermark {
  position: absolute;
  top: 48%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: var(--font-heading);
  font-size: clamp(80px, 13vw, 175px);
  font-weight: 900;
  letter-spacing: 18px;
  color: rgba(0, 24, 83, 0.02);
  text-transform: uppercase;
  pointer-events: none;
  user-select: none;
  z-index: 0;
  white-space: nowrap;
}

/* Ambient Flight Route SVG (Delicate) */

.section-script-tag {
  font-family: var(--font-brush);
  font-size: 28px;
  color: var(--secondary);
  margin-bottom: 0.5rem;
  letter-spacing: 1px;
}

.section-main-heading {
  font-family: var(--font-heading);
  font-size: 46px;
  font-weight: 800;
  color: var(--primary);
  line-height: 1.15;
}

.text-accent {
  color: var(--accent) !important;
}

/* Trending Destinations Feature Badges */

/* Individual Panels */

/* Light sheen sweep on hover / active */

/* Top Category Tag */

/* Rating Badge on top of panel */

/* Vertical Collapsed Destination Title */

/* Floating Icon */

/* Travel feature tag pills */

.section-subtitle {
  max-width: 600px;
}

/*====================================
  TRUSTED PARTNERS DUAL MARQUEE TICKER
====================================== */
.travexa-marquee-section {
  position: relative;
  background: #F8FAFC;
  padding: 70px 0 80px;
  overflow: hidden;
  border-top: 1px solid #E2E8F0;
  border-bottom: 1px solid #E2E8F0;
}

.marquee-header {
  margin-bottom: 2.8rem;
}

.marquee-container-wrap {
  position: relative;
  width: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 10px 0;
  mask-image: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 1) 8%, rgba(0, 0, 0, 1) 92%, transparent 100%);
  -webkit-mask-image: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 1) 8%, rgba(0, 0, 0, 1) 92%, transparent 100%);
}

.marquee-row {
  display: flex;
  overflow: visible;
  user-select: none;
  width: 100%;
  padding: 6px 0;
}

.marquee-track {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  gap: 22px;
  min-width: 100%;
}

.marquee-track-forward {
  animation: marqueeScrollLeft 38s linear infinite;
}

.marquee-track-reverse {
  animation: marqueeScrollRight 42s linear infinite;
}

.marquee-row:hover .marquee-track {
  animation-play-state: paused;
}

@keyframes marqueeScrollLeft {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-50%);
  }
}

@keyframes marqueeScrollRight {
  from {
    transform: translateX(-50%);
  }

  to {
    transform: translateX(0);
  }
}

/* Solid Travel Partner Cards (NO Glass Effect) */
.marquee-card {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 8px 18px 8px 8px;
  background: #ffffff;
  border: 1.5px solid #E2E8F0;
  border-radius: 50px;
  box-shadow: 0 4px 16px rgba(0, 24, 83, 0.06);
  white-space: nowrap;
  cursor: pointer;
  text-decoration: none;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  position: relative;
}

.marquee-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 25px rgba(0, 24, 83, 0.12);
  border-color: var(--accent);
}

.card-icon {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: #ffffff;
  flex-shrink: 0;
  transition: transform 0.3s ease;
}

.marquee-card:hover .card-icon {
  transform: scale(1.1) rotate(6deg);
}

.card-title {
  font-family: var(--font-heading);
  font-size: 15px;
  font-weight: 700;
  color: #001853;
  letter-spacing: 0.3px;
}

/* Ensure badges stay completely visible on hover */

/* COLORFUL TRAVEL BADGES & ICONS */
/* Flights / Airlines: Sky Blue */
.cat-flight .card-icon {
  background: #0284c7;
  box-shadow: 0 4px 12px rgba(2, 132, 199, 0.25);
}

/* Expeditions / Alpine: Mountain Emerald */
.cat-expedition .card-icon {
  background: #059669;
  box-shadow: 0 4px 12px rgba(5, 150, 105, 0.25);
}

/* Adventure / Guides: Travexa Accent Orange */
.cat-adventure .card-icon {
  background: #e21e27;
  box-shadow: 0 4px 12px rgba(255, 107, 0, 0.25);
}

/* Cruises / Islands: Ocean Teal */
.cat-cruise .card-icon {
  background: #009ea9;
  box-shadow: 0 4px 12px rgba(0, 158, 169, 0.25);
}

/* Safaris / Deserts: Amber Gold */
.cat-safari .card-icon {
  background: #d97706;
  box-shadow: 0 4px 12px rgba(217, 119, 6, 0.25);
}

/* Resorts / Hotels: Coral Rose */
.cat-resort .card-icon {
  background: #e11d48;
  box-shadow: 0 4px 12px rgba(225, 29, 72, 0.25);
}

/* Luxury Villas / VIP: Royal Purple */

/* Travel Safety / Insurance: Royal Blue */

/*====================================
  TOP-RATED TOUR PACKAGES
====================================== */

/* Background Subtle Dot Pattern */

/* Atmospheric Ambient Glow Orbs */

/* Giant Typography Watermark */

/* Animated Flight Trail SVG */

/* Tour Horizontal Card */

/* Dynamic Bottom Accent Line on Card Hover */

/* Image Container with Hover Zoom & Light Sheen */

/* Subtle diagonal light sheen across image on hover */

/* Destination Pill Badge */

/* Card Content */

/* Stars & Reviews with Twinkle Pop on Hover */

/* Description snippet */

/* Bottom Price & Button */

/* Action Arrow Button with Pulse Ring */

/* View All Packages Card */

/*====================================
  FOOTER SECTION
====================================== */

/* Floating Newsletter Box */

.footer-logo {
  filter: brightness(0) invert(1);
  max-height: 100px;
}

.footer-widget-title {
  color: var(--text-white);
  font-family: var(--font-heading);
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 1.75rem;
  position: relative;
  padding-bottom: 0.75rem;
}

.footer-widget-title::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 40px;
  height: 3px;
  background-color: var(--accent);
  border-radius: 2px;
}

/* Footer Links List */

/* Footer Contact Info */

/* Social Icons */
.footer-social a {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.06);
  color: var(--text-white);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  transition: all 0.3s ease;
  border: 1px solid rgba(255, 255, 255, 0.05);
}

.footer-social a:hover {
  background: var(--accent);
  border-color: var(--accent);
  transform: translateY(-3px);
  box-shadow: 0 5px 15px rgba(255, 107, 0, 0.3);
}

/* Footer Mini Gallery */

/* Footer Bottom Bar */

/*====================================
  FOOTER AREA
====================================== */
.footer-area.ft-bg {
  background-color: var(--primary);
  background-image:
    linear-gradient(180deg, rgba(0, 24, 83, 0.94) 0%, rgba(0, 24, 83, 0.88) 45%, rgba(0, 24, 83, 0.72) 100%),
    url('../images/travel-footer.png'),
    radial-gradient(circle at 15% 25%, rgba(0, 158, 169, 0.22) 0%, transparent 50%),
    radial-gradient(circle at 85% 75%, rgba(255, 107, 0, 0.18) 0%, transparent 50%);
  background-position: center top, bottom center, center center, center center;
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
  background-size: 100% 100%, 100% auto, auto, auto;
  position: relative;
  overflow: hidden;
  color: #ffffff;
}

.footer-area .text-shape {
  display: none;
}

/* Footer Top Wave Shape Divider */
.footer-shape-top {
  position: absolute;
  top: -1px;
  left: 0;
  width: 100%;
  overflow: hidden;
  line-height: 0;
  z-index: 5;
  pointer-events: none;
}

.footer-shape-top img {
  width: 100%;
  height: 35px;
  object-fit: cover;
  object-position: center bottom;
  display: block;
  transform: scaleY(-1);
}

.footer-widget {
  position: relative;
  z-index: 2;
}

.footer-widget-wrap {
  padding-top: 75px;
  padding-bottom: 35px;
}

.pt-100 {
  padding-top: 75px !important;
}

.pb-50 {
  padding-bottom: 35px !important;
}

.mt-70 {
  margin-top: 40px !important;
}

.mt-30 {
  margin-top: 18px !important;
}

/* About Us Box (Col-lg-4) */
.footer-widget-box.about-us .footer-logo {
  display: inline-block;
  margin-bottom: 22px;
}

.footer-widget-box.about-us .footer-logo img {
  max-height: 75px;
  width: auto;
}

.footer-widget-box.about-us p {
  font-size: 15px;
  line-height: 1.75;
  color: #ffffff;
  margin-bottom: 0;
  max-width: 330px;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.6);
}

.footer-social-box h4 {
  font-size: 17px;
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 14px;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.6);
}

.footer-social {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 10px;
}

.footer-social li a {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.12);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  transition: all 0.25s ease;
  text-decoration: none;
  border: 1px solid rgba(255, 255, 255, 0.15);
}

.footer-social li a:hover {
  background-color: var(--accent);
  border-color: var(--accent);
  color: #ffffff;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(255, 107, 0, 0.4);
}

/* Contact Info Bar (Inside Col-lg-8, Top) */
.footer-contact {
  margin-bottom: 35px;
}

.footer-contact-wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding-bottom: 24px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}

.footer-contact-item {
  display: flex;
  align-items: center;
  gap: 14px;
  background: rgba(0, 24, 83, 0.45);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  padding: 10px 18px 10px 12px;
  border-radius: 40px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  transition: all 0.25s ease;
}

.footer-contact-item:hover {
  background: rgba(0, 24, 83, 0.7);
  border-color: rgba(255, 107, 0, 0.4);
  transform: translateY(-2px);
}

.footer-contact-item .icon {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background-color: var(--accent);
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 19px;
  flex-shrink: 0;
  box-shadow: 0 4px 15px rgba(255, 107, 0, 0.4);
  transition: all 0.25s ease;
}

.footer-contact-item:hover .icon {
  transform: scale(1.05);
}

.footer-contact-item .content h5 {
  font-size: 13px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.75);
  margin-bottom: 3px;
  line-height: 1.2;
}

.footer-contact-item .content a,
.footer-contact-item .content p {
  font-size: 15.5px;
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 0;
  text-decoration: none;
  line-height: 1.25;
  transition: color 0.2s ease;
}

.footer-contact-item .content a:hover {
  color: var(--accent);
}

/* Titles with Accent Underline */
.footer-widget-title {
  font-family: var(--font-heading);
  font-size: 19px;
  font-weight: 700;
  color: #ffffff;
  position: relative;
  padding-bottom: 10px;
  margin-bottom: 22px;
  display: inline-block;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.6);
}

.footer-widget-title::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 34px;
  height: 2.5px;
  background-color: var(--accent);
  border-radius: 2px;
}

/* Link Lists */
.footer-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.footer-list li {
  margin-bottom: 12px;
}

.footer-list li:last-child {
  margin-bottom: 0;
}

.footer-list li a {
  color: #ffffff;
  font-size: 15px;
  font-weight: 400;
  text-decoration: none;
  transition: all 0.2s ease;
  display: inline-flex;
  align-items: center;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.65);
}

.footer-list li a i {
  display: inline-block;
  margin-right: 8px;
  font-size: 13px;
  color: var(--accent);
  transition: transform 0.2s ease;
}

.footer-list li a:hover {
  color: var(--accent);
  padding-left: 3px;
}

.footer-list li a:hover i {
  transform: translateX(3px);
}

/* Newsletter Box */
.footer-newsletter p {
  font-size: 15px;
  line-height: 1.65;
  color: #ffffff;
  margin-bottom: 18px;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.65);
}

/* Copyright Area */
.copyright {
  position: relative;
  z-index: 2;
  padding: 35px 0 25px;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
  margin-top: 15px;
  background: rgba(0, 24, 83, 0.6);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  border-radius: 8px 8px 0 0;
}

.copyright-text {
  color: #ffffff;
  font-size: 14.5px;
  margin-bottom: 0;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
}

.copyright-text a {
  color: var(--accent);
  font-weight: 700;
  text-decoration: none;
  transition: color 0.2s ease;
  margin: 0 3px;
}

.copyright-text a:hover {
  color: var(--accent-hover);
  text-decoration: underline;
}

/*====================================
  SCROLL TO TOP BUTTON
====================================== */
.scroll-to-top {
  position: fixed;
  bottom: 60px;
  right: 30px;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  background: var(--accent);
  color: var(--text-white);
  border: none;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 5px 15px rgba(255, 107, 0, 0.4);
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  transform: translateY(20px);
  transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1);
  z-index: 999;
}

.scroll-to-top.show {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.scroll-to-top:hover {
  background: var(--primary);
  box-shadow: 0 5px 15px rgba(0, 24, 83, 0.4);
  transform: translateY(-3px);
}

/*====================================
  WHY CHOOSE US CARDS & BANNER BACKGROUND
====================================== */
.why-choose-us {
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 85px 0 95px !important;
  overflow: hidden;
}

/* Soft Luminous Backdrop: Travel doodles remain visible around borders while text & cards stay crisp */
.why-choose-us::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.96) 0%, rgba(255, 255, 255, 0.92) 35%, rgba(255, 255, 255, 0.68) 70%, rgba(255, 255, 255, 0.45) 100%);
  pointer-events: none;
  z-index: 0;
}

.why-choose-us .container {
  position: relative;
  z-index: 1;
}

.why-choose-us .section-script-tag {
  font-family: var(--font-brush);
  font-size: 28px;
  color: var(--secondary);
  display: inline-block;
  margin-bottom: 0.5rem;
}

.why-choose-us .section-main-heading {
  font-family: var(--font-heading);
  font-size: 44px;
  font-weight: 800;
  color: var(--primary);
  line-height: 1.2;
}

.why-choose-us p.text-muted {
  font-size: 15.5px;
  line-height: 1.7;
  color: #4b5563 !important;
}

/* Checkmark List Items */
.advantage-check-icon {
  width: 30px;
  height: 30px;
  background: var(--accent);
  color: #ffffff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  flex-shrink: 0;
  box-shadow: 0 4px 12px rgba(255, 107, 0, 0.3);
}

/* Right Column Advantage Cards */
.advantage-card {
  background: #ffffff !important;
  border: 1.5px solid rgba(226, 232, 240, 0.9) !important;
  border-radius: 24px !important;
  box-shadow: 0 10px 30px -4px rgba(0, 24, 83, 0.08), 0 4px 12px rgba(0, 24, 83, 0.03) !important;
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

.advantage-card:hover {
  transform: translateY(-8px) !important;
  box-shadow: 0 22px 50px -8px rgba(0, 24, 83, 0.16) !important;
  border-color: rgba(226, 232, 240, 0.6) !important;
}

/* Dynamic Bottom Accent Line */
.advantage-card::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 4px;
  background: var(--accent);
  transition: width 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  border-radius: 0 0 24px 24px;
}

.advantage-card:hover::after {
  width: 100%;
}

.advantage-card.card-theme-teal::after,
.advantage-card:has(.icon-teal)::after {
  background: var(--secondary);
}

.advantage-card.card-theme-accent::after,
.advantage-card:has(.icon-accent)::after {
  background: var(--accent);
}

.advantage-card.card-theme-navy::after,
.advantage-card:has(.icon-navy)::after {
  background: var(--primary);
}

.advantage-card.card-theme-amber::after,
.advantage-card:has(.icon-amber)::after {
  background: #d97706;
}

/* Watermark Numbers */
.advantage-number {
  font-family: var(--font-heading);
  font-size: 88px;
  font-weight: 900;
  color: rgba(0, 24, 83, 0.065);
  line-height: 1;
  transition: all 0.4s ease;
  z-index: 0;
  pointer-events: none;
  user-select: none;
}

.advantage-card:hover .advantage-number {
  transform: scale(1.08) translate(-6px, 4px);
}

.advantage-card.card-theme-teal:hover .advantage-number {
  color: rgba(0, 158, 169, 0.16);
}

.advantage-card.card-theme-accent:hover .advantage-number {
  color: rgba(255, 107, 0, 0.16);
}

.advantage-card.card-theme-navy:hover .advantage-number {
  color: rgba(0, 24, 83, 0.14);
}

.advantage-card.card-theme-amber:hover .advantage-number {
  color: rgba(217, 119, 6, 0.16);
}

/* Themed Circular Icon Pods */
.advantage-icon {
  width: 62px;
  height: 62px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.05);
}

.advantage-icon.icon-teal {
  background: rgba(0, 158, 169, 0.12);
  color: var(--secondary);
}

.advantage-icon.icon-accent {
  background: rgba(255, 107, 0, 0.12);
  color: var(--accent);
}

.advantage-icon.icon-navy {
  background: rgba(0, 24, 83, 0.09);
  color: var(--primary);
}

.advantage-icon.icon-amber {
  background: rgba(217, 119, 6, 0.12);
  color: #d97706;
}

/* Hover State on Icon Pods */
.advantage-card:hover .advantage-icon {
  transform: scale(1.08) rotate(8deg);
  box-shadow: 0 8px 20px rgba(0, 24, 83, 0.18);
}

.advantage-card:hover .advantage-icon.icon-teal {
  background: var(--secondary) !important;
  color: #ffffff !important;
}

.advantage-card:hover .advantage-icon.icon-accent {
  background: var(--accent) !important;
  color: #ffffff !important;
}

.advantage-card:hover .advantage-icon.icon-navy {
  background: var(--primary) !important;
  color: #ffffff !important;
}

.advantage-card:hover .advantage-icon.icon-amber {
  background: #d97706 !important;
  color: #ffffff !important;
}

/* Card Typography */
.advantage-card h4 {
  font-family: var(--font-heading);
  font-weight: 700;
  font-size: 20px;
  color: var(--primary);
  transition: color 0.3s ease;
}

.advantage-card p {
  font-size: 14px;
  line-height: 1.6;
  color: #64748b;
}

/*====================================
  TRAVEL STYLES CATEGORIES SLIDER
====================================== */

/* Background Subtle Dot Matrix */

/* Ambient Glowing Orbs */

/* Ambient Flight Route SVG */

/* Atmospheric Giant Watermark */

/* Floating Exploration Icons */

/* Arch-Shaped Tall Card */

/* Image & Gradient Overlay */

/* Floating Top Icon */

/* Package Counter Pill */

/* Slider Nav Buttons */

/*====================================
  PROMO BANNER
====================================== */

/* Background Subtle Dot Pattern */

/* Atmospheric Ambient Glow Orbs */

/* Giant Typography Watermark */

/* Animated Flight Trail SVG */

@keyframes kenBurns {
  0% {
    transform: scale(1);
  }

  100% {
    transform: scale(1.1);
  }
}

/* Sleek Timer Containers */

/* Button & Padding Helpers */

/*====================================
  TESTIMONIALS SECTION
====================================== */

/* Quote Watermark*/

.line-height-lg {
  line-height: 1.8;
}

/*====================================
  BLOG SECTION
====================================== */

/* Giant Atmospheric Watermark */

/* Ambient Flight Route SVG (Ultra-Subtle) */

/* Header Action Button */

/* Featured Large Card */

/* Blog Badges on Featured Card */

/* Featured Read Story CTA Button */

/* Stacked Right-Side Cards */

/* Category Pill */

/* Arrow Button on Stacked Card */

.tracking-wider {
  letter-spacing: 1px;
}

/*====================================
  TOUR BOOKING HEADER INDEX-2
====================================== */

/* Mobile Toggler Hamburger */


.offcanvas-mobile,
.offcanvas {
  background-color: var(--bg-white);
  z-index: 1099 !important;
}

.offcanvas-backdrop {
  z-index: 1095 !important;
}

/*====================================
  INDEX-2 HEADER & HERO
====================================== */

/* Tour Booking Hero Section */
.font-script {
  font-family: 'Caveat', cursive !important;
}

.tb-flight-path-svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 1;
  opacity: 0.75;
}

/* Animated Flight Path */

/* Right Side White Reservation Card */

/* Right Side White Reservation Card */

/* White Card Dropdown & Datepicker Popup Styling */

.tb-reservation-field .travexa-datepicker-pop {
  top: calc(100% + 8px) !important;
  bottom: auto !important;
  left: 0 !important;
  width: 100% !important;
  min-width: 280px !important;
  background: var(--bg-white) !important;
  border: 1px solid #E2E8F0 !important;
  border-radius: 16px !important;
  box-shadow: 0 20px 45px rgba(0, 0, 0, 0.18) !important;
  color: #0F172A !important;
  z-index: 100000 !important;
}

.tb-reservation-field .datepicker-header .current-month-year {
  color: var(--primary) !important;
}

.tb-reservation-field .datepicker-nav-btn {
  background: #F1F5F9 !important;
  border-color: #E2E8F0 !important;
  color: #334155 !important;
}

.tb-reservation-field .datepicker-weekdays span {
  color: #64748B !important;
}

.tb-reservation-field .datepicker-day {
  color: #0F172A !important;
}

.tb-reservation-field .datepicker-day:hover,
.tb-reservation-field .datepicker-day.is-selected {
  background: var(--accent) !important;
  color: var(--text-white) !important;
}

.tb-reservation-field .datepicker-footer button {
  color: var(--accent) !important;
  font-weight: 600 !important;
}

/*=======================
 FOOTER (INDEX-2)
========================*/

/* Massive Background Watermark */

.tracking-wider {
  letter-spacing: 1.5px;
}

.line-height-lg {
  line-height: 1.8;
}

/* Glassmorphism Newsletter Form */

/* Rounded Social Buttons */

/* Animated Footer Links */

/* Frosted Contact Widget */

/*====================================================
  TOUR PACKAGES (INDEX-2)
======================================================*/

/* Meta Container Pill */

/* Typography Helpers */
.tracking-wider {
  letter-spacing: 1.5px;
}

.text-white-75 {
  color: rgba(255, 255, 255, 0.75);
}

/*====================================
  ABOUT US SECTION (INDEX-2)
====================================== */

/* Ambient Background Decorations */

/* Image Composition */

/* Decorative Frame Behind Main Image */

/* Sub Image (Overlapping Guide Photo) */

/* Guide Floating Tag */

/* Experience Badge (Glassmorphism + Ripple Ring) */

/* Tagline Pill */

/* Explore With Us Heading */

/* Scalloped Discount Stamp Badge */

/* Subtitle Line Accent */

/* 2-Column Package Inclusions */

/* Book Now Pill Button */

/* Call Now Box */

/*====================================
  WHY CHOOSE US SECTION (INDEX-2)
====================================== */

/* Hand-Drawn Travel Doodles */

/* Centerpiece: Rounded Triangle Mountain Mask */

/* Ambient Dreamy Sky Clouds */

/* Flight Path Trail */

/* Hand-drawn Travel Doodles Idle Sway */

/* Centerpiece Triangle & Orbital System */

/* Floating Center Badges */

/* Feature Boxes & Frosted Card */

/* Feature Icon Wrap */

/* Distinct Theme Pods */

/* Legacy Card Class Support */

/* Unique Color Palette for Each Card Theme */
/* 1. Emerald (Adventure) */

/* 2. Rose / Pink (Honeymoon) */

/* 3. Amber / Gold (Wildlife Safari) */

/* 4. Purple / Violet (Culture & Heritage) */

/* 5. Cyan / Ocean Teal (Beach & Islands) */

/* 6. Orange (Luxury & Wellness) */

/* 7. Ice Blue (Alpine Ski & Snow) */

/* 8. Coral Red (City & Food Tours) */

/* Floating Top-Right Icon */

/* Interactive Glass Content Box */

/* Typography Transitions */

/* Slide-in Arrow */

/*====================================
  TESTIMONIALS V2
====================================== */

/* Overall Rating Trust Box (Left Column) */

/* Individual Review Cards (Right Column) */

/* Massive Decorative Background Quote */

/* Custom Navigation Container */

/*====================================
  PROMO BANNER V2
====================================== */

/* Floating 30% Off Badge */

/* Minimalist Circle Timers */

/*====================================
  INSTAGRAM / TRAVEL GALLERY (INDEX-2)
====================================== */

/* Individual Image Wrapper */

/* Instagram Signature Gradient Overlay */

/* ======================
   CUSTOM SCROLLBAR
====================== */
html {
  scrollbar-width: thin;
  scrollbar-color: var(--accent) #f1f1f1;
}

html::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

html::-webkit-scrollbar-track {
  background: #f1f1f1;
}

html::-webkit-scrollbar-thumb {
  background: var(--accent);
  border-radius: 10px;
}

html::-webkit-scrollbar-thumb:hover {
  background: var(--primary);
}

/* ==================
   BREADCRUMB
===================== */
.tb-destination-hero {
  padding: 95px 0 95px;
  min-height: 400px;
  display: flex;
  align-items: center;
  background-color: var(--primary);
  position: relative;
}

@media (min-width: 992px) {
  body:has(.main-header.header-glass) .tb-destination-hero,
  .main-header.header-glass ~ .tb-destination-hero,
  .main-header.header-glass ~ * .tb-destination-hero {
    padding-top: 190px;
    padding-bottom: 95px;
    min-height: 460px;
  }
}

.tb-dest-hero-bg {
  animation: kenBurnsSmooth 25s ease-out infinite alternate;
  z-index: 0;
}

@keyframes kenBurnsSmooth {
  0% {
    transform: scale(1);
  }

  100% {
    transform: scale(1.15);
  }
}

.tb-dest-hero-overlay {
  background: radial-gradient(circle at center, rgba(0, 24, 83, 0.4) 0%, rgba(0, 24, 83, 0.85) 100%),
    linear-gradient(180deg, rgba(0, 24, 83, 0.8) 0%, rgba(0, 24, 83, 0.3) 50%, rgba(0, 24, 83, 1) 100%);
  z-index: 1;
  pointer-events: none;
}

.tb-dest-header-card {
  background: rgba(255, 255, 255, 0.04);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 24px;
  padding: 2.5rem 1.5rem;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2), inset 0 0 15px rgba(255, 255, 255, 0.05);
  position: relative;
}

.tb-dest-header-card h1 {
  font-family: var(--font-heading);
  font-size: clamp(32px, 4vw, 46px);
  text-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
  letter-spacing: -0.5px;
}

.tb-flight-breadcrumb {
  background: rgba(0, 0, 0, 0.2);
  padding: 0.6rem 1.25rem;
  border-radius: 50px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 3px 10px rgba(0, 0, 0, 0.2);
}

.tb-bc-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
  text-decoration: none;
  color: rgba(255, 255, 255, 0.65);
  transition: var(--transition);
}

.tb-bc-item:hover {
  color: var(--text-white);
}

.tb-bc-item.active {
  color: var(--accent);
}

.tb-bc-icon {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  transition: var(--transition);
  border: 1px solid rgba(255, 255, 255, 0.15);
}

.tb-bc-item:hover .tb-bc-icon,
.tb-bc-item.active .tb-bc-icon {
  background: var(--accent);
  border-color: var(--accent);
  color: var(--text-white);
  box-shadow: 0 4px 12px rgba(255, 107, 0, 0.4);
}

.tb-bc-item span {
  font-size: 13.5px;
  font-weight: 600;
  letter-spacing: 0.5px;
}

.tb-bc-divider {
  width: 60px;
}

.tb-bc-line {
  height: 1.5px;
  width: 100%;
  background: linear-gradient(90deg, transparent 0%, rgba(255, 107, 0, 0.7) 50%, transparent 100%);
  background-size: 200% 100%;
  animation: routeFlow 3s infinite linear;
}

@keyframes routeFlow {
  0% {
    background-position: 100% 0;
  }

  100% {
    background-position: -100% 0;
  }
}

.tb-bc-plane {
  font-size: 13px;
  animation: flyPlane 3.5s infinite ease-in-out;
}

@keyframes flyPlane {
  0% {
    transform: translate(-120%, -50%) rotate(0deg);
    opacity: 0;
  }

  20% {
    opacity: 1;
  }

  50% {
    transform: translate(-50%, -60%) rotate(5deg);
  }

  80% {
    opacity: 1;
  }

  100% {
    transform: translate(120%, -40%) rotate(-5deg);
    opacity: 0;
  }
}

/* =======================
   DESTINATIONS PAGE
========================= */
.destination-grid-section {
  padding-top: 40px !important;
}

/* FILTERS */

/* CARDS */

.tracking-wider {
  letter-spacing: 1.5px;
}

.text-white-75 {
  color: rgba(255, 255, 255, 0.85);
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}

/* ===========================
   DESTINATION DETAILS PAGE 
============================== */

.dest-info-icon {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: rgba(0, 158, 169, 0.1);
  color: var(--secondary);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  flex-shrink: 0;
}

.dest-details-section {
  background-color: var(--bg-light);
}

.dest-sidebar-card {
  background: var(--bg-white);
  border-radius: 24px;
  padding: 2rem;
  box-shadow: 0 20px 50px rgba(0, 24, 83, 0.08);
  border: 1px solid var(--border-color);
}

.dest-sidebar-title {
  font-size: 20px;
  font-weight: 700;
  color: var(--primary);
  margin-bottom: 1.25rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px dashed var(--border-color);
}

.text-primary {
  color: var(--primary) !important;
}

.btn-outline-primary {
  color: var(--accent) !important;
  border-color: var(--accent) !important;
}

.btn-outline-primary:hover {
  background-color: var(--accent) !important;
  border-color: var(--accent) !important;
  color: var(--text-white) !important;
  box-shadow: 0 8px 20px rgba(255, 107, 0, 0.35) !important;
}

.heading-underline-svg {
  transform: translateY(6px);
}

.dest-support-icon-box {
  width: 58px;
  height: 58px;
  font-size: 24px;
}

/* ========================
   TOUR LISTING PAGE 
=========================== */
.tour-listing-section {
  padding-top: 90px;
  padding-bottom: 70px;
  background-color: var(--bg-light);
}

.tour-card {
  background: var(--bg-white);
  border-radius: 24px;
  overflow: hidden;
  border: 1px solid var(--border-color);
  box-shadow: 0 10px 30px rgba(0, 24, 83, 0.05);
  transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), box-shadow 0.4s cubic-bezier(0.25, 1, 0.5, 1);
  height: 100%;
}

.tour-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 22px 45px rgba(0, 24, 83, 0.12);
}

.tour-card-img-wrap {
  position: relative;
  height: 230px;
  overflow: hidden;
}

.tour-card-body {
  padding: 1.5rem;
}

/* TOUR DETAILS ITINERARY & REVIEWS */

/* TOUR BOOKING STEPPER & PAYMENT */

/* ============================
  HOTEL PAGE
=============================== */

/* Promo Box Container */

/* =======================
   ABOUT US PAGE
========================= */
.our-mission-img {
  height: 600px;
}

.mission-floating-badge {
  right: -25px;
  animation: floatSlow 5s ease-in-out infinite alternate;
  z-index: 5;
  border: 1px solid var(--border-color);
}

.mission-badge-icon {
  width: 55px;
  height: 55px;
}

/* ========================
   ABOUT US - TEAM SECTION
========================= */

/* Social Icons */

/* ===========================================
   ABOUT US - ACHIEVEMENTS & STATS SECTION
========================================== */
.achievements-bg-img {
  animation: kenBurns 20s ease-out infinite alternate;
}

.achievements-overlay {
  background: linear-gradient(135deg, rgba(0, 24, 83, 0.96) 0%, rgba(0, 24, 83, 0.85) 50%, rgba(0, 15, 55, 0.98) 100%);
}

.feature-glass-item {
  background: rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.1);
  transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);
}

.feature-glass-item:hover {
  transform: translateX(10px);
  background: rgba(255, 255, 255, 0.1);
  border-color: var(--accent);
  box-shadow: 0 10px 25px rgba(255, 107, 0, 0.15);
}

.feature-glass-icon {
  width: 48px;
  height: 48px;
  font-size: 18px;
  transition: transform 0.4s ease;
}

.feature-glass-item:hover .feature-glass-icon {
  transform: rotate(10deg) scale(1.1);
}

.stat-glass-card {
  background: rgba(255, 255, 255, 0.06);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(255, 255, 255, 0.12);
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.2);
  transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);
  cursor: pointer;
}

.stat-glass-card:hover {
  transform: translateY(-10px);
  background: rgba(255, 255, 255, 0.09);
  border-color: rgba(255, 107, 0, 0.4);
  box-shadow: 0 20px 45px rgba(255, 107, 0, 0.2);
}

.stat-icon-wrapper {
  font-size: 38px;
  transition: transform 0.4s ease;
}

.stat-icon-blue {
  color: #60A5FA;
}

.stat-glass-card:hover .stat-icon-wrapper {
  transform: scale(1.15) translateY(-5px);
}

.stat-number {
  font-family: var(--font-heading);
  letter-spacing: -1px;
  text-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
}

/* ============================================
   ABOUT US - HOW WE WORK (PROCESS) SECTION
=========================================== */
.process-card {
  transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), box-shadow 0.4s ease, border-color 0.4s ease;
  margin-top: 18px;
}

.process-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 15px 35px rgba(0, 24, 83, 0.08) !important;
  border-color: rgba(255, 107, 0, 0.2) !important;
}

.process-step-badge {
  width: 65px;
  height: 65px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  border: 4px solid var(--bg-white);
  z-index: 2;
  transition: background-color 0.3s ease;
}

.process-card:hover .process-step-badge {
  background-color: var(--primary) !important;
}

.process-icon {
  width: 75px;
  height: 75px;
  transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1);
}

.process-card:hover .process-icon {
  transform: scale(1.1) rotate(8deg);
}

.about-process-section {
  padding-bottom: 9rem !important;
  margin-bottom: 3rem !important;
}

.process-grid-wrapper {
  position: relative;
  margin-top: 1.5rem;
}

/* ====================
   TEAM DETAILS PAGE
========================== */

/* Social Media Circles */

/* Quick Contact Mini Icons */

/* Custom Progress Bars for Languages */

/* ====================
   PRICING PAGE
=======================*/

/* Pricing Toggle Switch */

/* Floating "Most Popular" Pill Badge */

/* =========================
   TESTIMONIALS PAGE 
=========================== */

/* Watermark Quote Icon */

/* ===============
   FAQ PAGE 
===============*/

/* ===============================
   TERMS & CONDITIONS PAGE 
================================== */

/* =================================
   MY ACCOUNT / DASHBOARD PAGE
================================= */

/* Sidebar Navigation Links */

/* Dashboard Statistics Cards */

/* Booking History Rows */

/* ==================================
   AUTH PAGES (LOGIN & REGISTER)
===================================== */

/* Social Buttons */

/* Checkbox Adjustment */

/* =====================
   COMING SOON PAGE 
========================= */

/* Background Image Animation */

/* Newsletter Input */

/* Frosted Social Buttons */

/* ====================
   404 ERROR PAGE
====================== */

/* Massive Gradient 404 Text */

/* Accent Divider */

/* =====================
   BLOG LISTING PAGE 
======================= */

/* Standard Blog Card */

/* Sidebar Widgets */

/* Sidebar Category Links */

/* Sidebar Recent Posts */

/* Sidebar Tags */

/* =========================
   BLOG DETAIL PAGE 
=========================== */

/* Share Buttons */

/* Author Box */

/* Comments Section */

/* Visual Connector line for replies */

/* ==================
   CONTACT US PAGE
===================== */

.contact-info-card {
  border: 1px solid rgba(0, 24, 83, 0.06) !important;
  border-radius: 20px !important;
  box-shadow: 0 12px 35px rgba(0, 24, 83, 0.06) !important;
  transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);
}

.contact-card-primary {
  border-top: 4px solid var(--primary) !important;
}

.contact-card-accent {
  border-top: 4px solid var(--accent) !important;
}

.contact-card-secondary {
  border-top: 4px solid var(--secondary) !important;
}

.contact-info-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 25px 50px rgba(0, 24, 83, 0.14) !important;
}

.contact-action-link:hover {
  background-color: var(--primary-soft) !important;
  color: var(--primary) !important;
}

.contact-card-accent .contact-action-link:hover {
  background-color: var(--accent-soft) !important;
  color: var(--accent) !important;
}

.contact-card-secondary .contact-action-link:hover {
  background-color: var(--secondary-soft) !important;
  color: var(--secondary) !important;
}

.contact-icon-wrapper {
  width: 75px;
  height: 75px;
  font-size: 28px;
  transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1), background-color 0.3s ease;
}

.contact-info-card:hover .contact-icon-wrapper {
  transform: scale(1.1) rotateY(180deg);
}

.contact-info-card:hover .contact-icon-wrapper i {
  transform: rotateY(-180deg);
}

.contact-main-section {
  margin-top: -50px;
  padding-top: 100px !important;
}

.contact-main-section .form-control,
.contact-form-control {
  border: 1.5px solid rgba(0, 24, 83, 0.08) !important;
  background-color: #F8FAFC !important;
  transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

.contact-main-section .form-control:focus,
.contact-form-control:focus {
  background-color: #FFFFFF !important;
  border-color: var(--accent) !important;
  box-shadow: 0 10px 25px rgba(255, 107, 0, 0.12) !important;
  transform: translateY(-2px);
}

/* ==================================
   INDEX-3 (ADVENTURE TRAVEL)
================================== */

/* Dark Glass Dropdown Menus */

/* Mega Menu Internal Links for Dark Theme */

/* Special Offer Card in Mega Menu */

/* Hero Section Base */

/* Deep Blue to Transparent Overlay */

/* Slider Background Zoom & Absolute Positioning */

/* Custom Slider Navigation */

/* Buttons */

/* Glass Button */

/* Right Side Vertical Follow Us Bar */

/* Index-3 Scoped Dark Glass Mobile Offcanvas Drawer */

.offcanvas-mobile.adv-offcanvas {
  background: rgba(0, 24, 83, 0.96) !important;
  backdrop-filter: blur(24px) !important;
  -webkit-backdrop-filter: blur(24px) !important;
  border-left: 1px solid rgba(255, 255, 255, 0.15) !important;
  color: #ffffff !important;
}

.adv-offcanvas .offcanvas-header,
.offcanvas-mobile.adv-offcanvas .offcanvas-header {
  border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
  padding: 1.25rem 1.5rem !important;
}

.adv-offcanvas .offcanvas-header .brand-logo-img,
.offcanvas-mobile.adv-offcanvas .offcanvas-header .brand-logo-img {
  filter: brightness(0) invert(1) !important;
}


.offcanvas-mobile.adv-offcanvas .btn-close {
  filter: brightness(0) invert(1) !important;
  opacity: 0.85;
  transition: all 0.3s ease;
}


.offcanvas-mobile.adv-offcanvas .btn-close:hover {
  opacity: 1;
  transform: rotate(90deg);
}

.adv-offcanvas .offcanvas-nav .nav-link,
.offcanvas-mobile.adv-offcanvas .offcanvas-nav .nav-link {
  color: rgba(255, 255, 255, 0.9) !important;
  font-weight: 600;
  font-size: 15px;
  padding: 0.75rem 1rem !important;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 12px;
  transition: all 0.3s ease;
}

.adv-offcanvas .offcanvas-nav .nav-link.active,
.adv-offcanvas .offcanvas-nav .nav-link:hover,
.offcanvas-mobile.adv-offcanvas .offcanvas-nav .nav-link.active,
.offcanvas-mobile.adv-offcanvas .offcanvas-nav .nav-link:hover {
  background: rgba(255, 107, 0, 0.15) !important;
  color: var(--accent) !important;
}

.adv-offcanvas .offcanvas-nav .collapse a,
.offcanvas-mobile.adv-offcanvas .offcanvas-nav .collapse a {
  color: rgba(255, 255, 255, 0.75) !important;
  font-size: 14px;
  padding: 0.45rem 1rem !important;
  border-left: 2px solid rgba(255, 255, 255, 0.15);
  margin-left: 0.5rem;
  transition: all 0.25s ease;
  text-decoration: none;
}

.adv-offcanvas .offcanvas-nav .collapse a:hover,
.adv-offcanvas .offcanvas-nav .collapse a.active,
.offcanvas-mobile.adv-offcanvas .offcanvas-nav .collapse a:hover,
.offcanvas-mobile.adv-offcanvas .offcanvas-nav .collapse a.active {
  color: var(--accent) !important;
  border-left-color: var(--accent);
  padding-left: 1.25rem !important;
}

/* ============================
   INDEX-3 (ADVENTURE) FOOTER
============================= */

/* Glass Effect App Buttons */

/* Footer Links with Chevrons */

/* Glass Newsletter Input */

/* Middle Row: Frosted Glass Contact Boxes */

/* Bottom Row: Social Icons */

/* ===========================
   INDEX-3 CATEGORIES
============================== */

/* Categories Section & Cards */

/* Category Hover Effects */

/* =====================
   INDEX-3 BENTO GRID
======================== */

/* The Glass Base for Bento Cards */

/* Floating Icons */

/* =======================
   INDEX-3 WHY CHOOSE US
=========================== */

/* Cinematic Image Wrapper */

/* Play Button Animation */

/* Overlapping Glass Cards */

/* ===================================
   INDEX-3 DESTINATIONS CAROUSEL
====================================== */
/* Swiper Container Adjustments */

/* Custom Navigation Buttons */

/* Card Structure */

/* Glass Content Panel & Hover Logic */

/* Hidden Reveal Section */

/* ========================
   INDEX-3 TESTIMONIALS
============================= */

/* Pagination Dots Styling */

/* ============================================================
   EXCLUSIVE TOUR PACKAGES SECTION (.tb-packages-v2)
   ============================================================ */

/* Background Delicate Dot Matrix */

/* Ambient Glowing Orbs */

/* Flight Path SVG */

/* Floating Travel Icon Accents */

/* Section Header Badges & Curves */

/* Tour Card Styling */

/* Card Hover Subtle Shimmer Effect */

/* Card Image Area */

/* Glassmorphism Rating Badge */

/* Wishlist Heart Button */

/* Card Body & Typography */

/* Meta Pill Row */

/* Button & Arrow Glide */