/* Make About Us hero-slide full-bleed and center content */
.hero-static .hero-slide {
	width: 100vw;
    min-height: 70vh;   /* responsive height */
    position: relative;
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 80px 20px;
}

/* About Us hero title custom style */
.hero-caption.about-hero h1 {
	font-family: var(--font-heading);
	font-size: clamp(32px, 5vw, 56px);
    line-height: 1.1;
    color: #FFF8EE;
}

.hero-caption.about-hero p {
  font-family: var(--font-body);
  font-size: clamp(16px, 2.5vw, 22px);
  line-height: 1.6;
  color: rgba(255,255,255,0.9);
  max-width: 700px;
  margin: 0 auto;
}

.hero-caption.about-hero {
  max-width: 900px;
  padding: 0 20px;
  text-align: center;
}
/* additional theme-specific small helpers */
html, body { background-color: var(--background); }
.site-font, html, body, input, button, textarea, select {
	font-family: var(--font-body);
  color: var(--muted-foreground);
}
.wrap{max-width:1400px;margin:0 auto;padding:0 20px}
.slide-card h3{margin:0 0 8px;font-family:inherit;font-weight:600}
.slide-card p{color:#555;margin:0}
.test-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}
.testimonial-item blockquote{margin:0;font-style:italic;color:#222}


/* Popular Packages card styles */
.carousel-section{padding:60px 0;background:var(--background)}
.carousel-title{text-align:center;margin-bottom:28px;color:var(--primary-600);font-family:inherit;font-weight:700}
.carousel-swiper .swiper-slide{display:flex;align-items:stretch}
.carousel-swiper .slide-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 10px 30px rgba(2,6,23,0.06);display:flex;flex-direction:column;width:100%;border:1px solid rgba(2,6,23,0.04);transition:box-shadow .22s ease,transform .18s ease}
.carousel-swiper .slide-card:hover{box-shadow:0 18px 46px rgba(2,6,23,0.10);transform:translateY(-6px)}
.carousel-swiper .slide-card .card-media{height:160px;background-size:cover;background-position:center}
.carousel-swiper .slide-card .card-body{padding:16px;display:flex;flex-direction:column;gap:10px}
.carousel-swiper .slide-card .card-title{font-size:18px;margin:0;color:#072B22;font-weight:700}
.carousel-swiper .slide-card .card-title a{color:inherit;text-decoration:none}
.carousel-swiper .slide-card .card-meta{font-size:13px;color:#6b7280}
.carousel-swiper .slide-card .card-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto}
.carousel-swiper .slide-card .card-price{font-size:14px;color:#111}
.carousel-swiper .slide-card .card-price .price{font-weight:800;color:var(--primary);font-size:16px}
.btn-primary{background:var(--primary);color:#fff;padding:8px 12px;border-radius:8px;text-decoration:none;font-weight:700}
.btn-primary:hover{filter:brightness(.95)}

/* Amenities chips */
.card-amenities{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}
.card-amenities .amenity{background:rgba(212,175,55,0.08);color:var(--primary);padding:6px 10px;border-radius:999px;font-size:13px;font-weight:600}

.packages-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;padding:6px 0}
.package-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;border:1px solid rgba(2,6,23,0.04);transition:box-shadow .22s ease,transform .18s ease;min-height:500px}
.packages-grid .package-card{min-height:500px}
.package-card:hover{box-shadow:0 14px 30px rgba(3,10,8,0.06);transform:translateY(-6px)}
.package-card .card-media{height:200px;background-size:cover;background-position:center;border-bottom:1px solid rgba(0,0,0,0.03)}
.package-card .card-body{padding:18px;display:flex;flex-direction:column;gap:10px}
.package-card .card-title{font-size:18px;margin:0;color:var(--color-primary);font-weight:700}
.package-card .card-title a{color:inherit;text-decoration:none}
.package-card .card-meta{font-size:13px;color:var(--color-muted)}
.package-card .card-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto}
.package-card .card-price{font-size:14px;color:#111}
.package-card .card-price .price{font-weight:800;color:var(--color-accent);font-size:16px}
.package-card .amenity{display:inline-block;background:rgba(37,211,102,0.06);color:var(--color-accent);padding:6px 8px;border-radius:999px;margin-right:6px;font-size:12px;font-weight:700}

@media (max-width:900px){
	.package-card .card-media{height:120px}
	.package-card .card-body{padding:12px}

  /* Smaller package card height on mobile */
  .packages-grid .package-card{min-height:auto}
}

/* Archive page header and filter fields */
.archive-title{margin-bottom:12px;font-size:28px;color:#072B22;font-weight:700}
.archive-subtitle{max-width:780px;color:var(--color-muted);margin:8px 0 28px;font-size:15px}
.package-filter{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:18px}
.package-filter .field-search{flex:1;min-width:200px;padding:8px;border-radius:6px;border:1px solid #e6e9eb}
.package-filter .field-small{width:120px;padding:8px;border-radius:6px;border:1px solid #e6e9eb}
.package-filter .field-medium{width:160px;padding:8px;border-radius:6px;border:1px solid #e6e9eb}

/* Ensure forms inside the sidebar stack vertically for clean layout */
.packages-filters .package-filter{display:block}
.packages-filters .package-filter .label{margin-top:6px}

/* Tidy the price row: label + numeric input on one line, slider below */
.packages-filters .range-wrap > div:first-child{display:flex;align-items:center;justify-content:space-between;gap:12px}
.packages-filters #price-window{width:140px}

/* Make Filter button full width inside sidebar */
.packages-filters .btn-primary{display:block;width:100%;margin-top:12px}

/* Table-like layout for filter: label / control columns with uniform control sizes */
.packages-filters .package-filter{
	display:grid;
	grid-template-columns:140px 1fr;
	gap:10px 12px;
	align-items:center;
}

.packages-filters .package-filter .label{margin:0;align-self:center}

.packages-filters .package-filter input[type="text"],
.packages-filters .package-filter input[type="search"],
.packages-filters .package-filter input[type="number"],
.packages-filters .package-filter .field-medium,
.packages-filters .package-filter #price-window,
.packages-filters .package-filter .field-search,
.packages-filters .package-filter textarea{
	height:44px;
	box-sizing:border-box;
}

/* make range slider sit on its own row spanning both columns */
.packages-filters .range-wrap{grid-column:2/3; width:100%;}
.packages-filters #range-max{margin-top:6px}

/* Make the filter button align under controls and span second column */
.packages-filters .package-filter p{grid-column:1 / -1;margin:12px 0 0}

/* Responsive: stack labels above controls on small screens */
@media (max-width:900px){
	.packages-filters .package-filter{grid-template-columns:1fr;}
	.packages-filters .package-filter p{grid-column:auto}
	.packages-filters .range-wrap{grid-column:auto}
}

/* Duration checkbox list styles (one per row) */
.packages-filters .duration-list{display:grid;grid-template-columns:1fr;gap:8px 0;margin-top:6px}
.packages-filters .duration-item{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid rgba(0,0,0,0.03)}
@media (max-width:900px){
	.packages-filters .duration-list{grid-template-columns:1fr}
}

@media (max-width:900px){
	.carousel-swiper .slide-card .card-media{height:120px}
	.carousel-swiper .slide-card .card-body{padding:12px}
}

/* Buttons and CTAs */
.btn{display:inline-block;padding:10px 20px;border-radius:8px;background:var(--primary);color:#fff;text-decoration:none;font-weight:700}
.btn-outline{background:transparent;border:2px solid var(--primary);color:var(--primary)}

/* Hero caption animation */
.hero-caption{animation:fadeUp .9s ease both}
@keyframes fadeUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}

/* Hero slider rounded corners */
.hero-wrap .wrap .hero-swiper,
.hero-wrap .wrap .hero-swiper .swiper-wrapper,
.hero-wrap .wrap .hero-swiper .swiper-slide,
.hero-wrap .wrap .hero-swiper .hero-slide{
	border-radius:10px;
	overflow:hidden;
}

/* Ensure slide backgrounds cover and are clipped to the rounded container */
.hero-wrap .wrap .hero-swiper .swiper-slide{
	background-size:cover;
	background-position:center;
}

/* Lazy background element inside slides — ensure it fills and is clipped */
.hero-wrap .wrap .hero-swiper .swiper-slide{position:relative}
.hero-wrap .wrap .hero-swiper .slide-bg{position:absolute;inset:0;background-size:cover;background-position:center center;width:100%;height:100%}
.hero-wrap .wrap .hero-swiper .hero-caption{position:relative;z-index:2}


/* Responsive navigation: simple hamburger */
.nav-toggle{display:none}
/* Logo constraints: keep uploaded/custom logo from being too large */
.site-branding .site-logo,
.site-branding img.custom-logo,
.site-branding .custom-logo {
	max-height:80px;
	width:auto;
	display:block;
}
.site-branding .site-logo,
.site-branding img.custom-logo,
.site-branding .custom-logo {
    transform: translateY(-15px);
}
.site-logo-link{display:inline-block;line-height:1}
/* Reset lists inside navigation to remove bullets/indent */
.site-header .main-navigation ul,
.site-header .main-navigation li{list-style:none;margin:0;padding:0}
.site-header .main-navigation ul{padding-left:0}
@media (max-width:900px){
	/* slide-in mobile nav */
	.nav-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.45);opacity:0;visibility:hidden;transition:opacity .22s ease,visibility .22s ease;z-index:998}
	.nav-overlay.active{opacity:1;visibility:visible}

	/* Mobile nav: full-height slide panel using transform to avoid horizontal overflow */
  .main-navigation{display:block;position:fixed;right:0;top:70px;height:calc(100vh - 70px);max-width:360px;width:86vw;background:var(--color-surface, #fff);padding:20px;box-shadow:-12px 0 40px rgba(2,6,23,0.08);z-index:1002;transform:translateX(110%);transition:transform .32s cubic-bezier(.2,.9,.2,1);will-change:transform;pointer-events:none;backface-visibility:hidden}
	.main-navigation.open{transform:translateX(0);pointer-events:auto}

/* Make mobile navigation full width on small screens */
@media (max-width: 768px) {
  .main-navigation{left:0;right:0;width:100vw;max-width:none;box-shadow:none;padding:20px 18px;height:calc(100vh - 70px)}
  .main-navigation .main-menu li a{padding:14px 18px}
  /* show the appended WhatsApp menu item only on mobile */
  .menu-item-whatsapp-mobile{display:none}
}

/* hide mobile-appended WA item by default on larger screens */
.menu-item-whatsapp-mobile{display:none}
/* Move mobile slider caption higher: place caption at 20% from top on small screens */
@media (max-width: 768px) {
  .fp-hero .hero-caption{position:absolute !important;top:40% !important;left:50% !important;transform:translateX(-50%) !important;width:90% !important;text-align:center !important;z-index:3}
}
	.nav-toggle{display:block;border:none;background:transparent;font-size:22px;line-height:1;padding:6px;z-index:1003;position: absolute;right:10px;}
	/* ensure header stays above overlay but nav above header when open */
  .site-header{z-index:1000;position:fixed;left:0;right:0;top:0;height:70px;box-shadow:0px 1px 2px -1px #0000001A;transition:box-shadow .18s ease}
	.site-header.is-stuck{box-shadow:0px 1px 3px 0px #0000001A}
  body{padding-top:81px}
	.main-navigation .main-menu{flex-direction:column;gap:14px;padding-top:12px}
	.main-navigation .main-menu li{list-style:none; position:relative; width:100%;text-align: left;}
	.main-navigation .main-menu li a{display:block;padding:10px 12px;color:#111;font-weight:600;}
	.main-navigation .main-menu li a:hover{background: var(--chart-4);color:var(--primary)}
}

/* Ensure desktop nav shows */
@media (min-width:901px){
	/* Force horizontal desktop menu */
	.main-navigation{display:block}
	.main-navigation .main-menu{display:flex;flex-direction:row;align-items:center;gap:18px;margin:0;padding:0}
	.main-navigation .main-menu > li{list-style:none;position:relative;margin:0}
  .main-navigation .main-menu > li > a{
    display:inline-flex;
    align-items:center;
    height:100%;
    padding:0 8px;
    color:#111;
    font-size:14px;
    font-weight:500;
    text-decoration:none;
    border-bottom:2px solid transparent;
    transition:border-color .15s ease, color .15s ease;
    background:none;
  }

	/* Hover & focus */
	.main-navigation .main-menu > li > a:hover,
	.main-navigation .main-menu > li > a:focus{
		color:#111;
		background:none;
		border-bottom-color:#111;
	}

	/* Active / current page */
	.main-navigation .main-menu > li.current-menu-item > a,
	.main-navigation .main-menu > li.current_page_item > a,
	.main-navigation .main-menu > li.current-menu-ancestor > a,
	.main-navigation .main-menu li a[aria-current="page"]{
		color:#111;
		font-weight:700;
		border-bottom-color:#111;
		background:none;
	}

	/* Submenu (dropdown) */
	.main-navigation .main-menu li ul{display:none;position:absolute;left:0;top:100%;min-width:200px;background:#fff;border-radius:8px;padding:8px 0;box-shadow:0 10px 30px rgba(2,6,23,0.08);z-index:999}
	.main-navigation .main-menu li:hover > ul{display:block}
	.main-navigation .main-menu li ul li{display:block;padding:0;margin:0}
	.main-navigation .main-menu li ul li a{display:block;padding:8px 14px;color:#111}
	.main-navigation .main-menu li ul li a:hover{background:rgba(212,175,55,0.06)}
}

/* Prevent page scroll when nav open */
.nav-open{overflow:hidden}

/* When nav open, prevent page horizontal scroll (apply to html/body for safety) */

html.nav-open, body.nav-open{overflow:hidden}

@media (max-width:900px){
	/* prevent any horizontal overflow caused by transform rounding on certain browsers */
	html,body{overflow-x:hidden}
}

/* Hide Swiper prev/next controls on mobile to reduce clutter */
@media (max-width:768px){
  .swiper-button-prev,
  .swiper-button-next,
  .tc-prev,
  .tc-next,
  .why-prev,
  .why-next,
  .rv-next{
    display:none !important;
    visibility:hidden !important;
    pointer-events:none !important;
  }
}

/* Use border-box globally to reduce unexpected overflow */
*,*::before,*::after{box-sizing:border-box}

/* Decorative accent for archive Packages (top-right green outline) */
.archive-packages{position:relative}
.archive-packages::before{
	content:"";
	position:absolute;
	right:-28px;
	top:-28px;
	width:260px;
	height:160px;
	border:6px solid #25D366;
	border-radius:40px 0 40px 0;
	transform:skewX(-6deg);
	z-index:0;
	opacity:0.95;
	pointer-events:none;
}
.packages-layout{position:relative;z-index:2;display:grid;grid-template-columns:280px 1fr;gap:40px;align-items:start}

/* Visual refresh: typography, buttons, spacing */
h1,h2,h3,h4{color:var(--foreground);line-height:1.15;margin:0 0 12px;font-family:var(--font-heading)}

h1,h2{
  font-size: clamp(28px, 4vw, var(--text-2xl)) !important;
  
}
h3{
  font-size: clamp(20px, 3vw, var(--text-xl)) !important;
}

:root{
	/* ── Typography ─────────────────────────────── */
	--text-xs: 12px;
	--text-sm: 14px;
	--text-base: 16px;
	--text-lg: 24px;
	--text-xl: 32px;
	--text-2xl: 45px;
	--text-3xl: 57px;
	--font-heading: "DM Serif Display", Georgia, serif;
	--font-body: "Inter", sans-serif;
	--font-weight-normal: 400;
	--font-weight-medium: 500;
	--font-weight-semibold: 600;
	--font-weight-bold: 700;

	/* ── Colour palette ─────────────────────────── */
	--background: #fef5e7;
	--foreground: #2c1810;
	--card: #fff9f0;
	--card-foreground: #2c1810;
	--popover: #4a1a14;
	--popover-foreground: #fef5e7;
	--primary: #a23322;
	--primary-foreground: #fff8ee;
	--primary-600: #5a1414;
	--secondary: #5a1f1a;
	--secondary-foreground: #fff8ee;
	--muted: #a2332214;
	--muted-foreground: #6b4a3a;
	--accent: #edcfa0;
	--accent-foreground: #5a2a1a;
	--destructive: #991b1b;
	--destructive-foreground: #fff;
	--border: #d4b896;
	--input: #0000;
	--input-background: #fdf2e4;
	--ring: #a23322;

	/* ── Elevation ──────────────────────────────── */
	--elevation-sm: 0px 4px 8px 3px #0000001a, 0px 1px 3px 0px #00000026;

	/* ── Chart palette ──────────────────────────── */
	--chart-1: #a23322;
	--chart-2: #5a1f1a;
	--chart-3: #6b4a3a;
	--chart-4: #d4b896;
	--chart-5: #edcfa0;

	/* ── Radii ──────────────────────────────────── */
	--radius: 4px;
	--radius-full: 100px;
	--radius-card: 28px;
	--radius-button: 100px;

	/* ── Sidebar ────────────────────────────────── */
	--sidebar: #fef5e7;
	--sidebar-foreground: #2c1810;
	--sidebar-primary: #a23322;
	--sidebar-primary-foreground: #fff8ee;
	--sidebar-accent: #edcfa0;
	--sidebar-accent-foreground: #5a2a1a;
	--sidebar-border: #d4b896;
	--sidebar-ring: #a23322;

/* Mobile fixed WhatsApp button (bottom) */
.mobile-wa-btn{display:none}
@media (max-width:768px){
  .mobile-wa-btn{
    display:flex;
    /* position:fixed; */
    /* left:var(--page-gutter,20px);
    right:var(--page-gutter,20px); */
    /* bottom:0; */
    height:52px;
    align-items:center;
    justify-content:center;
    /* gap:10px; */
    background:#25D366;
    color:#fff;
    text-decoration:none;
    border-radius:999px;
    padding:0 16px;
    padding-bottom:env(safe-area-inset-bottom,12px);
    font-weight:700;
    box-shadow:0 10px 30px rgba(0,0,0,0.18);
    z-index:99999;
    width: 50%;
  }
  .mobile-wa-btn__icon{display:inline-flex;align-items:center;justify-content:center;color:inherit}
  .mobile-wa-btn__text{font-size:16px;line-height:1;color:inherit}
}

/* When the filter bottom-sheet is open, hide the fixed WhatsApp button */
html.filter-open .mobile-wa-btn,
body.filter-open .mobile-wa-btn,
.filter-open .mobile-wa-btn{display:none !important}

	/* ── Containers ─────────────────────────────── */
	--primary-container: #f0dcc4;
	--primary-container-foreground: #5a2a1a;
	--secondary-container: #f5e6d0;
	--secondary-container-foreground: #6b3a24;

	/* ── Footer ─────────────────────────────────── */
	--footer: #3a1410;
	--footer-foreground: #f0dcc4;

	/* ── Legacy / utilities ─────────────────────── */
	--bg-soft: #fef5e7;
  --container: 1400px;
}
.wrap{max-width:var(--container);margin:0 auto;padding:40px 20px}
h1{font-size:28px}

.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:999px;font-weight:700;text-decoration:none;border:none;cursor:pointer;font-size:14px;line-height:1}
.btn-primary{background:var(--primary);color:#fff}
.btn-primary:hover{background:var(--primary-600)}
.btn-outline{background:transparent;border:2px solid var(--primary);color:var(--primary)}
/* Hero CTA button: WhatsApp green pill */
.hero-cta{background:#25D366;color:#fff !important;border-radius:999px;font-size:15px;padding:11px 24px}
.hero-cta:hover{background:#1ebe5c;color:#fff !important;box-shadow:0 4px 18px rgba(37,211,102,0.40)}
.hero-cta svg{flex-shrink:0}

/* Featured image — full-bleed (edge-to-edge viewport width) */
.entry-featured{
	margin-bottom:18px;
	width:100vw;
	position:relative;
	left:50%;
	right:50%;
	margin-left:-50vw;
	margin-right:-50vw;
	max-width:100vw;
	box-sizing:border-box;
	overflow:hidden;
}
.entry-featured img{
	width:100vw;
	max-width:100vw;
	height:auto;
	display:block;
	object-fit:cover;
	border-radius:0;
	box-shadow:none;
}

/* Hero tweaks */
.hero-caption{padding:28px 30px;border-radius:14px}

/* Card tweaks used in carousels and packages */
.slide-card,.package-card{border-radius:var(--radius);overflow:hidden}
.carousel-swiper .slide-card .card-media,.package-card .card-media{height:180px;background-size:cover;background-position:center}

/* Improve package single layout visual tone */
.package-single{background:linear-gradient(180deg,#fff,#fbfffe);padding:22px;border-radius:14px}
.package-single .package-media{height:420px;border-radius:10px;margin-bottom:16px;background-size:cover;background-position:center}

@media (max-width:900px){
	.carousel-swiper .slide-card .card-media{height:140px}
	.package-single .package-media{height:220px}
	.entry-featured img{border-radius:0}
}

/* Mobile responsiveness: stack filters and make controls full-width */
@media (max-width:900px){
	.wrap{padding:0 12px}
	.packages-layout{grid-template-columns:1fr;gap:18px}
	.packages-filters{width:100%;box-shadow:none;padding:12px}
	.packages-list{width:100%}
	.package-filter{display:block}
	.package-filter .field-search{width:100%;margin-bottom:10px}
	.package-filter .field-small,.package-filter .field-medium{width:100%;margin-bottom:10px}
	.package-filter .btn-primary{width:100%;display:block}
	#price-window{width:100%;box-sizing:border-box}
	.package-card .card-media{height:140px}
	.carousel-swiper .slide-card .card-media{height:120px}
}

/* Very small screens adjustments */
@media (max-width:480px){
	h1{font-size:22px}
	.package-card .card-title{font-size:16px}
	.card-media{height:120px}
	/* Hero slider adjustments for very small screens */
	.fp-hero .hero-caption{padding:16px 12px 24px}
	.fp-hero .hero-caption h1{font-size:20px !important;line-height:1.2 !important}
	.fp-hero .hero-caption p{font-size:13px !important}
	.fp-hero .hero-caption .hero-caption__small{font-size:11px !important}
	.fp-hero .hero-cta{font-size:13px;padding:10px 18px}
}

/* Keep featured image full-bleed and constrained to viewport */
.entry-featured img{
	width:100vw;
	max-width:100vw;
	height:auto;
	display:block;
	object-fit:cover;
	border-radius:0;
}

/* Ensure package media spans full width of content area and keeps cover behavior */
.package-media{width:100%;background-size:cover;background-position:center}

/* --- Homepage-specific layout tweaks to match provided design --- */
/* Dark overlay on hero so white caption reads clearly */
.hero-wrap .wrap .hero-swiper .slide-bg::after{
	content: "";
	position:absolute;
	inset:0;
	background:linear-gradient(180deg, rgba(0,0,0,0.55) 0%, rgba(0,0,0,0.35) 40%, rgba(0,0,0,0.15) 100%);
	z-index:1;
}

/* Hero caption: larger, white, and constrained width */
.hero-wrap .wrap .hero-swiper .swiper-slide{display:flex;align-items:center}
.hero-wrap .wrap .hero-swiper .hero-caption{max-width:720px;padding:48px 36px;color:#fff;margin-left:8px}

/* Laptop / desktop: force taller hero and larger inner padding */
@media (min-width:901px){
  .hero-swiper{height:800px !important}
  .hero-slide{height:800px !important}
  .hero-wrap .wrap .hero-swiper .hero-caption{padding:80px !important;max-width:760px}
}
.hero-wrap .wrap .hero-swiper .hero-caption h1{font-size:44px;line-height:1.05;margin-bottom:12px;color:#fff}
.hero-wrap .wrap .hero-swiper .hero-caption p{font-size:18px;opacity:0.95;color:#fff}

/* Small icon nav below hero (simple centered controls) */
.hero-controls{display:flex;justify-content:center;gap:18px;margin:18px 0 36px}
.hero-controls .control{width:44px;height:44px;border-radius:999px;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px rgba(2,6,23,0.06)}

/* Make Popular Packages section more airy and match design */
.carousel-section{padding:56px 0;background:var(--bg-soft)}
.carousel-swiper .slide-card{border-radius:10px;border:1px solid rgba(12,12,12,0.04);box-shadow:none}
.carousel-swiper .slide-card .card-title{color:#0B5A4A}
.carousel-swiper .slide-card .card-meta{color:var(--muted)}

/* Stories / cards grid styling */
.test-list .testimonial-item, .stories-grid .story-card{background:#fff;border-radius:10px;padding:18px;border:1px solid rgba(0,0,0,0.04);box-shadow:0 6px 20px rgba(2,6,23,0.04)}

/* FAQ and CTA panels */
.faq-panel, .cta-panel, .subscribe-panel{background:#fff;border-radius:10px;padding:28px;margin:28px auto;border:1px solid rgba(0,0,0,0.04);max-width:900px;text-align:center}
.cta-panel h2{color:var(--primary-600);margin-bottom:12px}
.cta-panel .btn-primary{padding:14px 22px;border-radius:8px;font-size:16px}
.btn-primary{background:var(--primary);color:#fff;padding:10px 18px;border-radius:8px;font-weight:700}
.btn-primary:hover{background:var(--primary-600)}

/* Footer newsletter strip */
.subscribe-panel .subscribe-form{display:flex;gap:12px;max-width:640px;margin:12px auto}
.subscribe-panel .subscribe-form input[type="email"]{flex:1;padding:12px;border-radius:8px;border:1px solid #e6e9eb}

/*  SITE FOOTER  */
.site-footer{background:#3D1111;color:#b0b0b0;font-size:13.5px}
.site-footer a{color:#b0b0b0;text-decoration:none;transition:color .2s}
.site-footer a:hover{color:#fff}
/* Main columns row */
.site-footer__inner{padding:52px 24px 40px}
.site-footer__cols{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:48px;align-items:start}
/* Brand column */
.site-footer__col--brand{}
.site-footer__logo{display:inline-block;margin-bottom:16px;position: relative;top:-19px;}
.site-footer__logo .footer-logo-img{height:44px;width:auto;filter:brightness(0) invert(1);opacity:.9}
.footer-browser-logo{display:block;height:50px;width:auto;opacity:.85}
.site-footer__logo-text{font-size:13px;font-weight:700;color:#ccc;letter-spacing:.02em;line-height:1.3;display:inline-block;border:1px solid #444;padding:6px 10px;border-radius:6px}
.site-footer__tagline{font-size:13px;line-height:1.7;color:#888;margin:0;max-width:260px}
/* Column headings */
.site-footer__col-head{font-size:13px;font-weight:700;color:#fff;text-transform:none;letter-spacing:0;margin:0 0 18px}
/* Nav links */
.site-footer__links{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.site-footer__links li a{font-size:13px;color:#999}
.site-footer__links li a:hover{color:#fff}
/* Contact list */
.site-footer__contact{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.site-footer__contact li{display:flex;align-items:flex-start;gap:9px;font-size:13px;color:#999;line-height:1.5}
.site-footer__contact li svg{flex-shrink:0;margin-top:2px;opacity:.7}
.site-footer__contact li a{color:#999}
.site-footer__contact li a:hover{color:#fff}
/* Bottom bar */
.site-footer__bottom{border-top:1px solid #2e2e2e;padding:16px 0}
.site-footer__bottom-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.site-footer__copy{margin:0;font-size:12px;color:#666}
.site-footer__socials{display:flex;align-items:center;gap:14px}
.site-footer__socials a{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;border:1px solid #333;color:#999;transition:border-color .2s,color .2s}
.site-footer__socials a:hover{border-color:#fff;color:#fff}
/* Responsive */
@media(max-width:960px){.site-footer__cols{grid-template-columns:1fr 1fr;gap:36px}}
@media(max-width:580px){
  .site-footer__cols{grid-template-columns:1fr;gap:28px}
  .site-footer__inner{padding:40px 20px 32px}
  .site-footer__bottom-inner{flex-direction:column;align-items:flex-start;gap:12px}
}

@media (max-width:900px){
	.hero-wrap .wrap .hero-swiper .hero-caption{padding:28px 18px;font-size:15px}
	.hero-wrap .wrap .hero-swiper .hero-caption h1{font-size:28px}
	.subscribe-panel .subscribe-form{flex-direction:column}
}



/* ================================================================
   FRONT-PAGE LAYOUT    matches provided design
   ================================================================ */

/* Shared wrapper */
.fp-wrap{max-width:1400px;margin:0 auto;padding:0 24px}
.fp-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}
.fp-section-head h2{margin:0}
.fp-see-all{color:var(--primary);font-weight:600;text-decoration:none;font-size:14px}
.fp-see-all:hover{text-decoration:underline}

/*  HERO  */
.fp-hero{padding:24px 0 0}
.fp-hero .fp-wrap{padding-top:0;padding-bottom:0}
.fp-hero__inner{border-radius:28px;overflow:hidden;position:relative}
.fp-hero .hero-swiper{border-radius:14px;overflow:hidden}
.fp-hero .hero-swiper .swiper-wrapper,.fp-hero .hero-swiper .swiper-slide{border-radius:0}
.fp-hero .hero-slide{position:relative;min-height:460px;display:flex;align-items:center}
.fp-hero .hero-slide__bg{position:absolute;inset:0;background-size:cover;background-position:center;width:100%;height:100%}
.fp-hero .hero-slide__overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,0,0,0.62) 0%,rgba(0,0,0,0.30) 60%,rgba(0,0,0,0.10) 100%);z-index:1}
.fp-hero .hero-caption{width:80%;position:relative;z-index:2;padding:40px 80px;color:#fff;}
.fp-hero .hero-caption h1{font-size:clamp(20px,5vw,46px);line-height:1.05;margin:0 0 10px;color:#fff;font-weight:700}
.fp-hero .hero-caption p{font-size:clamp(13px,2.5vw,18px);margin:0 0 22px;color:rgba(255,255,255,0.92)}

/* Clamp hero title to two lines with ellipsis to prevent overflow */
.fp-hero .hero-caption h1,
.hero-wrap .wrap .hero-swiper .hero-caption h1 {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
}
.fp-hero .hero-cta{display:inline-block;background:#25D366;color:#fff;padding:13px 26px;border-radius:8px;font-weight:700;font-size:15px;text-decoration:none}
.fp-hero .hero-cta:hover{background:#1ebe5c}
.fp-hero .swiper-button-prev,.fp-hero .swiper-button-next{color:#fff}
.fp-hero .swiper-pagination-bullet-active{background:var(--primary)}
/* Center the pagination dots and keep them above the bottom edge */
.fp-hero .swiper-pagination{
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 18px;
	z-index: 4;
	display: flex;
	gap: 8px;
	justify-content: center;
	align-items: center;
	width: auto;
}
.fp-hero .swiper-pagination .swiper-pagination-bullet{width:8px;height:8px;border-radius:50%;opacity:0.9;background:#ddd}
.fp-hero .swiper-pagination .swiper-pagination-bullet-active{background:var(--primary);transform:scale(1.15)}
/* Slightly nudge nav buttons inward so they don't overlap pagination */
.fp-hero .swiper-button-prev{left:2px}
.fp-hero .swiper-button-next{right:2px}

/* ── Global hero-swiper: always vertically-centered navigation ── */
.hero-swiper{position:relative;min-height:460px}
.hero-swiper .swiper-button-prev,
.hero-swiper .swiper-button-next{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  color:#fff;
  z-index:10;
  width:44px;
  height:44px;
  background:rgba(0,0,0,0.28);
  border-radius:50%;
  backdrop-filter:blur(3px);
}
.hero-swiper .swiper-button-prev{left:2px}
.hero-swiper .swiper-button-next{right:2px}
.hero-swiper .swiper-button-prev::after,
.hero-swiper .swiper-button-next::after{font-size:15px;font-weight:700}
/* ── Global hero-swiper pagination: always centered bottom ── */
.hero-swiper .swiper-pagination{
  position:absolute;
  bottom:18px;
  left:50% !important;
  transform:translateX(-50%);
  width:auto !important;
  display:flex;
  gap:8px;
  justify-content:center;
  align-items:center;
  z-index:4;
}
.hero-swiper .swiper-pagination-bullet{width:8px;height:8px;border-radius:50%;opacity:0.9;background:#ddd}
.hero-swiper .swiper-pagination-bullet-active{background:var(--primary);transform:scale(1.15)}
@media(max-width:768px){
  .fp-hero{padding:12px 12px 0}
  .fp-hero .hero-slide{min-height:280px;align-items:flex-end}
  .fp-hero .hero-caption{padding:20px 16px 28px;width:100%;text-align:center;max-width:100%}
  .fp-hero .hero-caption h1{font-size:24px !important;word-wrap:break-word;overflow-wrap:break-word;overflow: hidden;}
  .fp-hero .hero-caption p{font-size:14px !important;word-wrap:break-word;overflow-wrap:break-word}
  .fp-hero .hero-caption .hero-caption__small{font-size:12px !important}
  .fp-hero .hero-cta{font-size:14px;padding:11px 20px}
}

/* Center navigation for other carousels (Popular packages, Tours) */
.carousel-swiper, .tc-swiper {
	position: relative;
  width:93%;
}
.carousel-swiper .swiper-button-prev,
.carousel-swiper .swiper-button-next,
.tc-swiper .swiper-button-prev,
.tc-swiper .swiper-button-next {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 10;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(255,255,255,0.95);
	color: #111;
	border-radius: 50%;
	box-shadow: 0 6px 18px rgba(2,6,23,0.06);
}


.carousel-swiper .swiper-button-prev{left:2px}
.carousel-swiper .swiper-pagination,
.tc-swiper .tc-pagination {
	position: absolute;
	bottom: -426px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 4;
	display: flex;
	gap: 8px;
	justify-content: center;
	align-items: center;
	width: auto;
}
.carousel-swiper .swiper-pagination .swiper-pagination-bullet{width:8px;height:8px;border-radius:50%;opacity:0.9;background:#ddd}
.tc-swiper .tc-pagination .swiper-pagination-bullet{width:8px;height:8px;border-radius:50%;opacity:0.9;background:#d1d5db}

/* Why Travel slider: center its pagination and align nav */
.why-swiper .swiper-pagination,
.fp-why__dots,
.fp-why__nav .why-pagination{
	position: absolute;
	bottom: 18px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 4;
	display: flex;
	gap: 8px;
	justify-content: center;
	align-items: center;
	width: auto;
  bottom:-250px;
}
.why-swiper .swiper-pagination .swiper-pagination-bullet,
.fp-why__dots .swiper-pagination-bullet,
.fp-why__nav .why-pagination .swiper-pagination-bullet{width:8px;height:8px;border-radius:50%;opacity:0.9;background:#ddd}

/* Position Why Travel prev/next at mid-left and mid-right of the slider */
.swiper .why-swiper .swiper-wrapper .swiper-button-prev,
.swiper .why-swiper .swiper-wrapper .swiper-button-next,
.fp-why__nav .why-prev,
.fp-why__nav .why-next {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 12;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #fff;
	color: #111;
	border-radius: 50%;
	box-shadow: 0 6px 18px rgba(2,6,23,0.06);
  padding: 5px;
}
.swiper-button-prev,
.fp-why__nav .why-prev { left: 2px; }
.why-swiper .swiper-button-next,
.fp-why__nav .why-next { right: 2px; }
.carousel-swiper .swiper-button-next{right:2px}
.tc-swiper .swiper-button-prev{left:2px}
.tc-swiper .swiper-button-next{right:2px}
.carousel-swiper .swiper-button-prev::after,
.carousel-swiper .swiper-button-next::after,
.tc-swiper .swiper-button-prev::after,
.tc-swiper .swiper-button-next::after{
	font-size:15px;font-weight:700
}

/* Match Why Travel arrow glyphs with other carousels */
.why-swiper .swiper-button-prev::after,
.why-swiper .swiper-button-next::after,
.fp-why__nav .why-prev::after,
.fp-why__nav .why-next::after{
	font-size:15px;
	font-weight:700;
	color: #111;
}

/* Positioning for duplicated nav buttons (top / center / bottom) */
.tc-swiper, .carousel-swiper { position: relative; }
.tc-swiper__nav button.tc-arrow, .carousel-swiper button { position: absolute; z-index: 12; width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--chart-1);color:white;box-shadow:0 6px 18px rgba(2,6,23,0.06);margin: -6px; }

/* TC: center positions */
.tc-prev.tc-center { top:50%; left:2px; transform:translateY(-50%); }
.tc-next.tc-center { top:50%; right:2px; transform:translateY(-50%); }

/* Carousel: center positions */
.carousel-prev { top:50%; left:2px; transform:translateY(-50%); }
.carousel-next { top:50%; right:2px; transform:translateY(-50%); }

/*  WHY TRAVEL WITH US  */
/* ── AS FEATURED IN ─────────────────────── */
.fp-featured{padding:28px 0 20px}
.fp-featured__inner{text-align:center}
.fp-featured__label{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#aaa;margin:0 0 18px}
.fp-featured__logos{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;width:100%}
.fp-featured__logo-link{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;opacity:1;transition:opacity .2s;filter:none;flex:1 1 240px;max-width:300px;min-width:140px;height:auto;background:#fff;border-radius:28px;padding:12px 16px;box-sizing:border-box}
.fp-featured__logo-link:hover{opacity:1;filter:none}
.fp-featured__logo-link img{max-width:100%;height:auto;display:block;max-height:46px;object-fit:contain}
.fp-featured__logo-text{font-size:17px;font-weight:var(--font-weight-bold);color:#444;font-family:var(--font-body);letter-spacing:.02em}
/* placeholder logos box */
.fp-featured__logos--placeholder .fp-featured__logo-text{border:1.5px solid #ddd;padding:6px 16px;border-radius:4px;min-width:80px;text-align:center}
@media(max-width:600px){.fp-featured__logos{flex-wrap:wrap;justify-content:center;gap:16px}.fp-featured__logo-link{flex:0 0 40%}.fp-featured__logo-link img{height:22px}}

/* Make the "AS FEATURED IN" label more readable on small screens */
@media (max-width:600px) {
  .fp-featured__label{
    font-size:12px !important;
    letter-spacing:0.06em !important;
    margin:0 0 12px !important;
    white-space:normal !important;
    word-break:break-word !important;
    max-width:100%;
    display:block;
  }
  .fp-featured__logos{gap:12px}
}

/* ── DIVIDER ───────────────────────────── */
.fp-divider{margin:0;padding:4px 0;line-height:0;display:flex;justify-content:center}
.fp-divider svg{display:block;max-width:240px;width:auto;height:40px}
@media(max-width:600px){.fp-divider svg{max-width:140px;height:28px}}

/* ── WHY TRAVEL WITH US ─────────────────── */
.fp-why{padding:50px 0 40px}
.fp-why__head{margin-bottom:28px}
.fp-why__head h2{font-size:28px;font-weight:var(--font-weight-bold);color:var(--foreground);margin:0 0 8px;font-family:var(--font-heading)}
.fp-why__tagline{font-size:15px;color:#555;margin:0}
.fp-why__tagline em{font-style:italic;color:#111}
/* Swiper: show full slide */
.why-swiper{overflow:hidden;border-radius:14px;box-shadow:0 8px 32px rgba(0,0,0,0.08);width:93%;}
.fp-why__slide{display:grid;grid-template-columns:1fr 1fr;min-height:500px}
.fp-why__slide-img{background-size:cover;background-position:center;border-radius:14px 0 0 14px}
.fp-why__slide-card{position:relative; top:10%;padding:36px 32px;display:flex;flex-direction:column;justify-content:center;gap:14px;border-radius:0 14px 14px 0}
.fp-why__slide-icon{color:#bbb;line-height:1}
.fp-why__slide-card h3{font-size:22px;font-weight:var(--font-weight-bold);color:var(--foreground);margin:0;line-height:1.3;font-family:var(--font-heading)}
.fp-why__slide-card p{font-size:16px;color:#555;line-height:1.7;margin:0}
.fp-why__counter{font-size:12px;color:#aaa;margin-top:auto;padding-top:14px}
/* Nav: arrows + dots row below the swiper */
.fp-why__nav{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:22px}
.fp-why__arrow{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:1.5px solid #ccc;background:#fff;cursor:pointer;transition:border-color .2s,box-shadow .2s;flex-shrink:0;padding:0}
.fp-why__arrow:hover{border-color:#888;box-shadow:0 2px 8px rgba(0,0,0,0.1)}
.fp-why__arrow svg{pointer-events:none;color:#333}
.fp-why__arrow.swiper-button-disabled{opacity:.3;cursor:default}
.fp-why__dots{display:flex;align-items:center;gap:6px}
.fp-why__dots .swiper-pagination-bullet{width:8px;height:8px;background:#ccc;border-radius:50%;opacity:1;transition:background .2s,transform .2s;display:inline-block}
.fp-why__dots .swiper-pagination-bullet-active{background:#333;transform:scale(1.2)}
@media(max-width:700px){
  .fp-why__slide{grid-template-columns:1fr}
  .fp-why__slide-img{min-height:200px;border-radius:14px 14px 0 0}
  .fp-why__slide-card{border-radius:0 0 14px 14px;padding:24px 20px}
  .fp-why__slide-card h3{font-size:18px}
}

.fp-tours{padding:56px 0;}
.fp-section-head--tours{flex-direction:row;align-items:center;gap:12px;margin-bottom:28px}
.fp-section-head--tours .fp-section-head__text{flex:1}
.fp-section-head--tours .fp-see-all{margin-top:0}
.fp-section-head--tours h2{font-size:32px;color:#111;margin:0}
.fp-tours__subtitle{font-size:15px;color:#555;margin:0;max-width:600px;line-height:1.6}

@media(max-width:700px){
  .fp-section-head--tours{flex-direction:column;align-items:flex-start;gap:6px}
  .fp-section-head--tours .fp-see-all{margin-top:4px}
}
/* Slider nav */
.tc-swiper__nav{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:28px}
.tc-swiper{overflow:hidden;width:100%}
/* Ensure swiper wrapper / slides are flex so .tc-card can stretch to equal heights */
.tc-swiper .swiper-wrapper{display:flex;align-items:stretch}
.tc-swiper .swiper-slide{display:flex;flex-direction:column;align-items:stretch;height:auto !important;width:calc((100% - 24px) / 2);flex-shrink:0}
.tc-swiper .swiper-slide > .tc-card{flex:1;display:flex;flex-direction:column}
.tc-arrow{width:42px;height:42px;border-radius:50%;border:1.5px solid #d1d5db;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#444;transition:border-color .2s,color .2s;flex-shrink:0}
.tc-arrow:hover{border-color:#111;color:#111}

/* Tours carousel nav below cards on all screens */
.fp-tours .tc-swiper{overflow:hidden !important;width:93%;}
.fp-tours .tc-swiper__nav{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:28px;position:relative}
.fp-tours .tc-swiper__nav .tc-arrow{background:var(--primary);color:white;width:48px;height:48px;top:-450px;}

.tc-dots{display:flex;gap:6px;align-items:center}
.tc-dots .swiper-pagination-bullet{background:#d1d5db;opacity:1;width:8px;height:8px;border-radius:50%;transition:background .2s}
.tc-dots .swiper-pagination-bullet-active{background:#111}
/* Card */
.tc-card{
  border-radius:18px;
  overflow:hidden;
  background:var(--card, #ffffff);
  border:1px solid var(--border, #e3e8e5);
  box-shadow:0 6px 20px rgba(11,20,18,.06);
  display:flex;
  flex-direction:column;
  height:100%;
  position:relative;
  cursor:pointer;
  transition:transform .22s,box-shadow .22s;
}
.tc-card:hover{transform:translateY(-6px);box-shadow:0 8px 32px rgba(7,43,34,.11)}
/* Stretched link — makes the entire tc-card clickable */
.tc-card__body h3 a::after{content:'';position:absolute;inset:0;z-index:1}
/* Card media */
.tc-card__media{
  position:relative;
  background-size:cover;
  background-position:center;
  flex-shrink:0;
  flex:0 0 70%;
  height:220px;
  min-height:220px;
  border-top-left-radius:18px;
  border-top-right-radius:18px;
  overflow:hidden;
}

@media (max-width:900px){
  .tc-card__media{flex:0 0 40%;height:40%;min-height:140px}
}

/* Ensure Tours/Treks cards have a minimum height on larger screens */
@media (min-width:900px){
  .tc-card{min-height:800px}
}
.tc-badge{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:6px 10px;
  border-radius:12px;
  font-size:12px;
  font-weight:700;
  line-height:1;
  position:absolute;
  top:12px;
}
.tc-badge--type{left:12px;background:rgba(7,43,34,.9);color:#fff;backdrop-filter:blur(4px)}
.tc-badge--routes{right:12px;background:#fff;color:var(--foreground, #0b1412);backdrop-filter:blur(4px);box-shadow:0 4px 14px rgba(11,20,18,.06);text-align:right}
.tc-badge--routes svg{flex-shrink:0}
.tc-card__meta-row{position:absolute;bottom:0;left:0;right:0;display:flex;gap:8px;padding:10px 12px;background:linear-gradient(to top,rgba(0,0,0,0.55) 0%,transparent 100%)}
.tc-meta{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;color:#fff}
.tc-meta svg{flex-shrink:0;opacity:.9}
/* Card body */
.tc-card__body{
  padding:20px 20px 22px;
  display:flex;
  flex-direction:column;
  gap:10px;
  flex:1;
  background:var(--card, #ffffff);
  border-bottom-left-radius:18px;
  border-bottom-right-radius:18px;
  margin-top:-6px;
}
.tc-card__region{font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#8B8888}
.tc-card__body h3{font-size:18px;font-weight:700;margin:0;color:#111;line-height:1.3}
.tc-card__body h3 a{color:inherit;text-decoration:none}
.tc-card__body h3 a:hover{color:var(--primary)}
.tc-card__excerpt{font-size:13px;color:#666;line-height:1.65;margin:0}
/* Difficulty pills */
.tc-card__difficulty{display:flex;flex-wrap:wrap;gap:6px}
.tc-diff{font-size:11px;font-weight:700;padding:3px 10px;border-radius:999px}
.tc-diff--easy{background:#dcfce7;color:#15803d}
.tc-diff--moderate{background:#fef9c3;color:#854d0e}
.tc-diff--challenging{background:#fee2e2;color:#b91c1c}
/* Location & tags */
.tc-card__location{display:flex;align-items:center;gap:5px;font-size:12px;color:#666}
.tc-card__location svg{flex-shrink:0;color:#888}
.tc-card__tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}
.tc-card__tags span{font-size:11px;color:#555;border:1px solid #e0e0e0;padding:3px 9px;border-radius:999px}
/* Expert bar */
.fp-tours__bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:36px;padding:18px 24px;background:#f7f9f8;border-radius:12px;border:1px solid #e8eeec;flex-wrap:wrap}
.fp-tours__bar-text{font-size:14px;color:#444;margin:0}
.fp-tours__bar-text a{color:var(--primary);text-decoration:underline}
.fp-tours__bar-btn{display:inline-flex;align-items:center;gap:8px;background:#25D366;color:#fff;font-size:14px;font-weight:700;padding:11px 22px;border-radius:999px;text-decoration:none;white-space:nowrap;transition:background .2s}
.fp-tours__bar-btn:hover{background:#1fba58}
@media(max-width:640px){
  .fp-tours__bar{flex-direction:column;align-items:flex-start}
  .fp-section-head--tours h2{font-size:24px}
}

/*  STORIES / TESTIMONIALS  */
.fp-stories{padding:56px 0;}
.fp-stories__head{margin-bottom:24px}
.fp-stories__head h2{font-size:32px;color:#111;margin:0 0 12px}
.fp-stories__ratings{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:4px}
.rv-rating-badge{display:inline-flex;align-items:center;gap:5px;font-size:13px;color:#444}
.rv-rating-badge strong{font-weight:700;color:#111}
/* Slider wrapper with overflow visible on right for next arrow */
.fp-stories__slider-wrap{position:relative}
.rv-swiper{overflow:hidden;width:95%;}
/* Ensure the swiper wrapper is a flex container and stretches slides to the tallest slide */
.rv-swiper .swiper-wrapper{display:flex;align-items:stretch}
/* Ensure each slide is a column flex container so its .rv-card can grow to fill height */
.rv-swiper .swiper-slide{display:flex;flex-direction:column;align-items:stretch;height:auto !important}
/* Make the card fill the slide height */
.rv-swiper .swiper-slide > .rv-card{flex:1;display:flex;flex-direction:column}
/* Arrow button */
.rv-arrow{position:absolute;top:50%;transform:translateY(-50%);right:-15px;z-index:10;width:46px;height:46px;border-radius:50%;background:var(--chart-1);border:none;box-shadow:0 2px 14px rgba(0,0,0,0.15);display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:box-shadow .2s}
.rv-arrow:hover{box-shadow:0 4px 20px rgba(0,0,0,0.22)}
/* Review card */
.rv-card{background:var(--card);border-radius:var(--radius-card);overflow:hidden;border:1px solid rgba(0,0,0,0.07);box-shadow:0 4px 18px rgba(0,0,0,0.05);display:flex;flex-direction:column;height:100%}
.rv-card__photo{flex-shrink:0;overflow:hidden}
.rv-card__photo img{width:100%;height:260px;object-fit:cover;display:block;transition:transform .35s ease}
.rv-card:hover .rv-card__photo img{transform:scale(1.03)}
.rv-card__body{padding:20px 18px 16px;display:flex;flex-direction:column;flex:1;gap:0}
.rv-card__quote{font-size:13.5px;color:#333;line-height:1.7;margin:0 0 16px;flex:1}
.rv-card__footer{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;border-top:1px solid #efefef;padding-top:14px}
.rv-card__author{display:flex;flex-direction:column;gap:2px}
.rv-card__name{font-size:14px;font-weight:700;color:#111}
.rv-card__source{font-size:11px;color:#888}
.rv-card__stars{display:flex;gap:2px;flex-shrink:0}
@media(max-width:768px){.rv-arrow{right:-10px}.rv-card__photo img{height:200px}}
@media(max-width:500px){.fp-stories__head h2{font-size:24px}}

/*  FAQ  */
.fp-faq{padding:64px 0;}
.fp-faq__grid{display:grid;grid-template-columns:1fr 2fr;gap:56px;align-items:start}
.fp-faq__heading h2{font-size:28px;font-weight:800;color:#111;margin:0 0 12px;position:sticky;top:24px;line-height:1.25}
.fp-faq__sub{font-size:16px;color:#666;line-height:1.7;margin:0 0 20px}
.fp-faq__wa{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:var(--font-weight-normal);color:var(--foreground);border:1.5px solid var(--border);padding:8px 16px;border-radius:8px;text-decoration:none;transition:border-color .2s,color .2s}
.fp-faq__wa:hover{border-color:#111;color:#111}
.fp-faq__list{
  background-color: var(--card);
  padding: 32px 32px 0px 32px;
  border-radius: var(--radius-card);
}
.faq-item{border-bottom:1px solid var(--border);padding:0}
.faq-item[open]{border-color:var(--border)}
.faq-item__q{list-style:none;cursor:pointer;padding:16px 32px 16px 0;font-size:var(--text-xl);font-weight:var(--font-weight-normal);color:var(--foreground);position:relative;user-select:none;font-family:var(--font-heading);}
.faq-item__q::-webkit-details-marker{display:none}
.faq-item__q::after{content:"+";position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:22px;color:#aaa;font-weight:300;line-height:1;transition:opacity .2s}
.faq-item[open] .faq-item__q::after{content:"−"}
.faq-item__a{padding:0 0 16px;color:#555;font-size:16px;line-height:1.75}
.faq-item__a p{margin:0; color: var(--muted-foreground);}
@media(max-width:768px){
  .fp-faq__grid{grid-template-columns:1fr;gap:28px}
  .fp-faq__heading h2{position:static}
}

/*  CTA BANNER  */
.fp-cta{padding:48px 0;background:var(--background)}
.fp-cta__card{background:rgb(240, 220, 196);border:1px solid #e6eae7;border-radius:16px;padding:52px 40px;text-align:center;max-width:100%;width:100%;margin:0}
.fp-cta__card h2{font-size:30px;font-weight:800;color:#3e3030;margin:0 0 12px;max-width:100%}
.fp-cta__card p{color:#555;font-size:15px;line-height:1.7;margin:0 0 28px;max-width:540px;margin-left:auto;margin-right:auto}
.fp-cta__btn{display:inline-flex;align-items:center;gap:8px;background:#25D366;color:#fff;font-size:15px;font-weight:700;padding:13px 28px;border-radius:999px;text-decoration:none;transition:background .2s}
.fp-cta__btn:hover{background:#1fba58}
@media(max-width:600px){.fp-cta__card{padding:36px 20px}.fp-cta__card h2{font-size:22px}}

/*  NEWSLETTER  */
.fp-newsletter{padding:60px 0;background:var(--background);text-align:center}
.fp-newsletter__inner{max-width:520px;margin:0 auto}
.fp-newsletter__icon{width:48px;height:48px;border-radius:50%;background:var(--primary);display:flex;align-items:center;justify-content:center;color:#fff;margin:0 auto 20px}
.fp-newsletter__inner h2{font-size:26px;font-weight:800;color:#111;margin:0 0 10px}
.fp-newsletter__inner p{color:#666;margin:0 0 22px;font-size:14px;line-height:1.65}
.fp-newsletter__form{display:flex;gap:8px;max-width:440px;margin:0 auto 12px}
.fp-newsletter__form input[type="email"]{flex:1;padding:12px 16px;border:1.5px solid #d1dbd8;border-radius:8px;font-size:14px;outline:none;color:#111}
.fp-newsletter__form input[type="email"]:focus{border-color:var(--primary)}
.fp-newsletter__form .btn{padding:12px 20px;font-size:14px;white-space:nowrap;background:var(--primary);color:#fff;border:1px solid var(--primary)}
.fp-newsletter__form .btn:hover{background:var(--primary-600);border-color:var(--primary-600)}
.fp-newsletter__privacy{font-size:12px;color:#aaa;margin:0}
@media(max-width:500px){.fp-newsletter__form{flex-direction:column}}

/* ── Header right-side group: nav + CTA button ── */
.header-actions{
	display:flex;
	align-items:center;
	gap:24px;
}
@media (max-width:900px){
	/* On mobile: header-actions only shows the CTA button (nav is position:fixed, out of flow) */
	.header-actions{gap:10px}
	/* Shrink CTA label on small screens */
	.header-cta .cta-label{display:none}
	.header-cta{padding:9px 12px;gap:0;display:none;}
}
@media (max-width:400px){
	.header-cta{padding:8px 10px}
}

/* Strong rule to ensure header CTA is hidden on mobile devices */
@media (max-width:900px){
  .site-header .header-cta{display:none !important;visibility:hidden !important;pointer-events:none !important}
}

/* ── Header CTA "Say Julay" button ── */
.header-cta{
	display:inline-flex;
	align-items:center;
	gap:7px;
	background:#25D366;
	color:#fff;
	padding:9px 20px;
	border-radius:999px;
	font-weight:700;
	font-size:14px;
	text-decoration:none;
	white-space:nowrap;
	transition:background .2s,box-shadow .2s;
	line-height:1;
	flex-shrink:0;
}
.header-cta:hover{background:#1ebe5c;color:#fff;box-shadow:0 4px 14px rgba(37,211,102,0.35)}
.header-cta svg{flex-shrink:0}

/* Active menu: text-only underline */
.main-navigation .main-menu > li > a{text-decoration:none;border-bottom:2px solid transparent;padding-bottom:2px;transition:border-color .18s,color .18s;color:#111}
.main-navigation .main-menu > li > a:hover{border-bottom-color:var(--primary);color:var(--primary)}
.main-navigation .main-menu > li.current-menu-item > a,.main-navigation .main-menu > li.current_page_item > a{color:var(--primary);border-bottom-color:var(--primary)}

/* Responsive adjustments for packages grid */
@media (max-width:1100px){
	.packages-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:700px){
	.packages-grid{grid-template-columns:1fr}
	.archive-packages::before, .archive-packages::after{display:none}
	.packages-layout{grid-template-columns:1fr}
}


about-content {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  padding: 40px 0;
}

.about-section {
  padding: 80px 0;
}

.about-section-text,
.about-section-image {
    flex: 1 1 0;
    min-width: 0;  
}

.flex-start-map{
  display: flex;
	align-items: flex-start !important;
  gap: 40px;
}

.about-section-inner {  
  display: flex;
  align-items: center;
  gap: 60px;
}

.about-content section.about-section:nth-of-type(even) .about-section-inner {
  flex-direction: row-reverse;
}

.about-section-text { 
  display: flex;
  flex-direction: column;
  justify-content: center; 
  flex: 1;
  align-items: stretch;
}

.about-section-text .fp-cta__btn { 
  min-width: 0;       
  max-width: 100%;
  width: 48vw;
  justify-content: center;
  display: flex;
  flex: 0 0 100%;  
    
  align-items: center;
  justify-content: center;  
  white-space: normal;
  box-sizing: border-box;
}

.about-section-text .fp-cta__btn .cta-label {
    white-space: normal;   /* allow wrapping */
    word-break: break-word;
}

/* map style */
.map-container {
    width: 37vw;
    position: relative;
    border-radius: 16px;
    overflow: hidden;
}

/* Maintain aspect ratio */
.map-container iframe {
    width: 100%;
    height: 100%;
    border: 0;
}

/* Aspect ratio control */
.map-container {
    aspect-ratio: 592 / 400;   
}

.email-container{
	display: flex;
	flex-direction: row;
}

/* contact info */
/* CONTACT SECTION */
.contact-info {
  margin-top: 30px;
  display: flex;
  flex-direction: column;
  gap: 18px;
}

/* Each row */
.contact-item {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  min-width: 0;
}

/* Icon */
.contact-icon {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: var(--primary-container);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.contact-icon img {
  width: 18px;
  height: 18px;
  opacity: 0.7;
}

.contact-content {
  flex: 1;
  min-width: 0;
}

.redirect-icon{
	margin-top: 8px;
}

/* right-side icons */
.contact-actions {
  display: flex;
  align-items: center;
  gap: 10px;
}

/* SVG styling */
.action-icon {
  width: 18px;
  height: 18px;
  cursor: pointer;
  opacity: 0.7;
  transition: 0.2s ease;
}

.action-icon:hover {
  opacity: 1;
  transform: scale(1.1);
}

/* Text */
.contact-content .label {
  font-size: var(--text-sm);
  color: #6B4A3A;
  margin: 0;
  font-weight: 400;
}

.contact-content .value {
  font-size: 16px;
  color: var(--foreground);
  margin: 2px 0 0;
  line-height: 1.6;
  display: flex;
  overflow: visible;
  word-break: break-word;
}

/* Divider before hours */
.contact-hours {
  border-top: 1px solid var(--border);
  padding-top: 16px;
  margin-top: 8px;
}

.office-hours{
	background: none !important;
  position: relative;
  bottom: 7px;
  left: 9px;
}

.office-hours-label{
  color: #2C1810 !important;
  font-weight: 500 !important;
}

.bottom-margin {
	margin-bottom: 20px;
}

.max-width-none{
  max-width: none;
}

.about-tablet-text {
  width: fit-content;
  height: 33px;
  border-radius: var(--radius-full);
  background: var(--primary-container);
  display: flex;
  align-items: center;
  padding: 0 24px;
  font-family: var(--font-body);
  font-weight: var(--font-weight-medium);
  font-size: var(--text-sm);
  line-height: 21px;
  letter-spacing: 0px;
  opacity: 1;
  margin-bottom: 20px;
  color: var(--accent-foreground);
}

.about-section-text h2, .featured-in h2 {
  margin: 0 0 20px;
  font-weight: var(--font-weight-bold);
  font-size: clamp(28px, 3.2vw, var(--text-2xl));
  line-height: 1.2;
  color: var(--foreground);
  max-width: 584px;
  font-family: var(--font-heading);
  letter-spacing: 0px;
}

.about-section-text .fp-tours__subtitle{
  font-size: 16px;
  line-height: 29px;
  font-weight: 400;
}

.about-info-description {
  margin: 0;
  font-size: var(--text-base);
  line-height: 1.8;
  color: var(--foreground);
  max-width: 584px;
}

.about-info-description > p{
  margin-top: 0px;
  color: #2c1810
;
}

.about-section-image {
  display: block;
  border-radius: 16px;
}

.about-section-image img { 
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}

.about-section-image .image-wrapper {
  position: relative;
  width: 100%;
  aspect-ratio: 4 / 3;
  border-radius: 16px;
  overflow: hidden;
}

.mandala {
  display: flex;
  justify-content: center; /* Horizontal centering */
  align-items: center;     /* Vertical centering */
}

.center {
  display: flex;
  justify-content: center; /* Horizontal centering */
  align-items: center;     /* Vertical centering */
}

.featured-in{
	padding-top:0px;
}

.featured-in-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;   /* center items horizontally */
  align-content: center;     /* center rows vertically (if height set) */
  overflow: hidden;          /* prevents more than 3 rows from showing */
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 20px;
}

.featured-in-container > item {
  width: 33%;
  height: 100px;
  margin: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.top-margin{
	margin-top: 40px;
  }

@media (max-width: 768px) {
    .whatsapp-email-container{
      flex-direction: column;
      align-items: stretch !important;
    }

    .whatsapp-email-container a{
      justify-content: center;
    }

  .faq-item__q{
    font-size: 16px;
  }

  .about-section-inner {
    flex-direction: column;
	gap: 25px;
  }

  .about-section-image {
    flex: none;
    width: 100%;
	height: 100%;
  }

  .about-content section.about-section:nth-of-type(even) .about-section-inner {
    flex-direction: column;
  }

  .flex-start-map{
	align-items: center;
  }

  .map-container{
	width: 100%;
	display: flex;
	justify-content: center;
  max-width: 100% !important;
  }

.map-container iframe {
    width: 100%;
    height: 100%;
}

.about-section-text .fp-cta__btn{
	width: 100%;
}

  .map-iframe{
	width: 90vw;
    margin: 0 auto;
  }

  .quote_size {
	font-size: 16px;
	line-height: 24px;
  }

  .tip{
	font-size: 16px !important;
  }

  .grey-background{
	background: color-mix(in srgb, var(--primary-container) 50%, transparent) !important;
  }

  .top-margin{
	margin-top: 0px;
  }

  .about-section-text p {
    text-align: left;   /* better readability on mobile */
  }

  .about-section {
    padding: 40px 0;
  }

  .featured-section .section-label {
    margin-bottom: 8px;   /* was probably 15–20px */
  }

  .featured-section h2 {
    margin-bottom: 12px;  /* tighten gap below heading */
  }

  .featured-section {
    padding-bottom: 10px; /* optional if section feels too tall */
  }

  .about-info-container {
    grid-template-columns: 1fr !important;
  }

   .about-section-image .image-wrapper {
    width: 100%;
    aspect-ratio: 4 / 3;
  }

  .about-swiper {
    width: 100%;
    height: 100%;
  }

}

/* About Us newspaper section */
.featured-section {
    padding: 60px 20px;
	width: 100%;
}

.horizontal-line {
  width: 100%; /* Controls the length */
  height: 0px; /* The line is created by the border, so height is 0 or very small */
  border-top: 1px solid #A3A3A3; /* Creates a solid top border as the line */
  margin: 10px 0; /* Adjust spacing as needed */
}


.section-label {
    font-size: 12px;
    letter-spacing: 0px;
	margin: 0px;
  color: #2C1810;
  font-weight: 500;
}

.featured-logos {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 30px;
}

.redirectionIcon{
	position: relative;
	top: 1px;
}

/* Card */
.featured-card {
    width: 235px;
    background: var(--card);
    border: 1px solid var(--border);
    border-radius: var(--radius-card);
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    text-decoration: none;
    color: inherit;
    transition: all 0.3s ease;
	min-width: 0;
}

.featured-card hr {
	width: 334;
	height: 1;
	angle: 0 deg;
	opacity: 1;
	border-top-width: 1px;
	border-top: 1px solid #A3A3A3
}

.featured-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.08);
}

/* Top Logo */
.card-top {
    text-align: center;
}

.card-top img {
    width: 100%;
	  display: block;
    height: 40px;
    object-fit: contain;
}

/* Body */
.featured-name {
    font-size: 16px;
    margin-bottom: 5px;
}

.featured-day {
    font-size: 11px;
    color: #6B4A3A;
	margin: 0px;
  font-weight: 400;
}

/* Footer */
.card-footer {
    margin-top: auto;
    font-size: 16px;
    font-weight: 500;
}

.read-article {
    display: inline-block;
    color: #7B2D26;
    font-size: 12px;
    font-weight: 500;
}

/* remove footer margin in about us page */
.page-id-11 footer {
    margin-top: 0px;
}


.warning-bar {
    width: 100%;
    background-color: var(--primary-container);
    /* border-bottom: 3px solid #2f80ed; */
    display: flex;
    justify-content: center;
}

.warning-content {
    max-width: 1400px;
    width: 100%;
    padding: 12px 20px;
    
	display: flex;              /* KEY */
    align-items: center;        /* vertical center */
    justify-content: center;    /* center whole block */
    gap: 10px;  
}

.warning-content p {
    margin: 0;
    font-size: 16px;
    line-height: 1.5;
    color: #5A2A1A;
}

.info-icon {
	width: 20px;
	height: 20px;
	flex-shrink: 0;
}

.about-info-container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
  margin-top: 30px;
}

.about-info-card {
  background: var(--card);
  padding: 21px 21px 1px 21px;
  border-radius: var(--radius-card);
  border: 1px solid var(--border);
  box-shadow: 0 6px 20px rgba(0,0,0,0.04);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.about-info-heading {
  font-family: var(--font-heading);
  font-size: 24px !important;
  font-weight: 600;
  margin-bottom: 10px;
  color: var(--foreground);
  letter-spacing: 0px;
  display: flex;
  align-items: center;
  line-height: 32px;
}

.about-info-card .about-info-description > p {
  font-size: var(--text-sm);
  line-height: 23.8px;
  color: var(--muted-foreground) !important;
}

.about-info-container:has(.about-info-card:only-child) {
  grid-template-columns: 1fr;
}

.do-dont-heading{
	font-family: var(--font-body);
	font-size: var(--text-base) !important;
	font-weight: var(--font-weight-normal);
	color: var(--foreground);
	letter-spacing: 0px;
	line-height: 24px;
	margin: 0;
}

.do-info p::before{
	content: "+ ";
	color: var(--foreground);
	font-weight: var(--font-weight-normal);
}

.dont-info p::before{
	content: "- ";
	color: var(--foreground);
	font-weight: var(--font-weight-normal);
}

.do-dont-info p {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin-top: 14px;
}

/* css for swiper in about us page */
.about-swiper {
  width: 100%;
  height: 100%;
  /* position: relative; */
}

.about-swiper .swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
}

.about-section-image .swiper-pagination .swiper-pagination-bullet-active {
	background: var(--background) !important;
    transform: scale(1.15);
}

.about-section-image .swiper-pagination .swiper-pagination-bullet {
	background: color-mix(in srgb, var(--background) 50%, transparent);
    transform: scale(1.15);
}

/* fraction (top right) */
.about-swiper .swiper-fraction {
  position: absolute;
  top: 10px;
  right: 15px;

  color: #fff;
  font-size: 12px;
  font-weight: 500;

  background: color-mix(in srgb, var(--foreground) 60%, transparent);
  padding: 4px 10px;
  border-radius: 12px;
  z-index: 10;
}

.about-swiper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.about-swiper .swiper-wrapper {
  height: 100% !important;
}

.about-swiper .swiper-slide {
  height: 100%;
  display: flex;
}

.about-swiper,
.about-swiper .swiper-wrapper,
.about-swiper .swiper-slide {
  height: 100%;
}

.hours-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.hours-row .time {
  white-space: nowrap;
  margin: 0px;
  font-size: var(--text-sm);
  color: var(--foreground);
  font-weight: 500;
}

.card-quote-style{
  font-size: var(--text-sm);
  line-height: 24px;
  font-weight: var(--font-weight-normal);
  color: var(--muted-foreground);
}

.tip-details{
	font-size: var(--text-xs);
  line-height: 19px;
  color: var(--accent-foreground);
}

.hours-row-title{
  color: var(--muted-foreground);
  .fp-why .why-swiper{overflow:visible};

}

.flex-start-map .about-section-text{
  flex: 1;   /* more priority to text */
  min-width: 0;
}

.flex-start-map .map-container{
  flex: 1;
  /* max-width: 480px; */
}

.do-dont-icon{
  width: 16px !important;
  height: 16px !important;
  margin-right: 8px;
  vertical-align: middle;
}

.card-content {
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* Ensure arrow svgs inherit white color */
.fp-why .why-prev svg,
.fp-why .why-next svg{
  color: #fff;
  fill: currentColor;
}

.about-contact-hero{
  height: 33vh !important;
}

.about-contact-hero-text h1{
  
  letter-spacing: 0px;
  font-size: 57px !important;
  line-height: 69px !important;
  font-weight: 400;
}

.about-contact-hero-text p{
  font-size: 24px !important;

}

.featured-in .fp-tours__subtitle{
  font-size: 16px;
  color: #6B4A3A;
}

.card-content .card-body{
  display: flex;
    width: 100%;
    align-items: center;
    flex-direction: column;
}

@media (max-width: 480px) { 
    .about-contact-hero-text h1 { 
        font-size: 32px !important; 
    } 
}

.cta-card-info h2{
  color: #5A2A1A;
  line-height: 54px;
}

.cta-card-info p{
  color: #5A2A1AB2;
  font-weight: 400;
  font-size: 24px;
  line-height: 36px;

}

/*grid layout instead of slider in contact page*/
/* Layout spacing */
.mt-30 {
  margin-top: 30px;
}

/* Grid instead of slider */
.rv-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 24px;
  margin-top: 30px;
}

/* Card styling */
.rv-card_contact {
  background: #FFF9F0;
  font-weight: 400;
  border-radius: 28px;
  overflow: hidden;
  box-shadow: 0 4px 14px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  height: 100%;
}

/* Image */
.rv-card__photo_contact > img {
  width: 100%;
  height: 200px;
  object-fit: cover;
}

/* Content */
.rv-card__body_contact {
  padding: 16px;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  padding-top: 0;
  background-color: #FFF9F0;
}

/* Quote */
.rv-card__quote_contact {
  font-size: 14px;
  line-height: 1.6;
  margin-bottom: 12px;
}

/* Footer */
.rv-card__footer_contact {
  margin-top: auto;
  background: #f0dcc480;
  padding: 10px;
  border-radius: 8px;
  line-height: 1.1;
}

.tip {
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
}

.tip-details {
  font-size: 12px;
  font-weight: 400;
}

.contact-path-section{
  padding: 28px 0;
}

.swiper-button-contact-us{
  content: '';
}

.swiper-button-contact-us {
  visibility: hidden;
  position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color: #5a2a1a;
    z-index: 10;
    width: 44px;
    height: 44px;
    background-color: color-mix(in oklab, var(--background) 70%, transparent);
    border-radius: 50%;
    backdrop-filter: blur(3px);
    --swiper-navigation-size: 16px;
    font-weight: 600;
} 

.about-swiper:hover .swiper-button-contact-us {
  visibility: visible;
}

.about-swiper .swiper-button-prev{
  left: 9px;
}
/* Force front-page hero slider to fixed 420px height */
/* This overrides other responsive min/heights so the front-page slider
   remains exactly 420px tall on all viewports as requested. */
.fp-hero .hero-swiper,
.fp-hero .hero-swiper .hero-slide,
.fp-hero .hero-swiper .hero-slide__bg {
  height: 420px !important;
  min-height: 420px !important;
  max-height: 420px !important;
}

.border-border{
  border: 1px solid #d4b896 !important;
  color: #111 !important;
  background-color: #fef5e7 !important;
}

.border-border:hover{
  border: 1px solid #d4b896 !important;
  color: #111 !important;
  background: #edcfa0 !important;
  box-shadow: none !important;
}

.ready-to-explore-email{
  color: #2c1810 !important;
}

.whatsapp-email-container{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
}

.package-whatsapp-email{
  display: flex !important;
  justify-content: center;
  align-items: center;
  gap: 8px;
}

.header-email{
  margin-right: 20px;
}

.mobile-footer-whataspp-email{
  position: fixed;
  bottom: 0;
  left: var(--page-gutter, 20px);
  right: var(--page-gutter, 20px);
  display: flex;
  gap: 10px;
  z-index: 99999;
}