@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap");
@import url('https://fonts.googleapis.com/css2?family=Alex+Brush&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Jost:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wght@8..144,100..1000&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Marcellus&display=swap');
:root {
	--radius: 0px;
	--text: #0f172a;
	--muted: #6b7280;
	--peach: #F8C9AE;
	--shadow: 0 10px 24px rgba(0, 0, 0, .14);
	--ink: #161616;
	--dc-radius: 0px;
	--dc-shadow: 0 22px 45px rgba(0, 0, 0, .18);
	--dc-shadow-hover: 0 28px 60px rgba(0, 0, 0, .22);
	--dc-gap: 28px;
	--dc-ink: #0f172a;
	--reveal-dur: .8s;
	--reveal-ease: cubic-bezier(.22, .61, .36, 1);
	--reveal-stagger: .10s;
	--tdg-offset: 0px;
	--tdg-gap: 30px;
	--tdg-radius: 0px;
	--tdg-shadow: 0 18px 36px rgba(0, 0, 0, .16);
	--tdg-shadow-hover: 0 26px 56px rgba(0, 0, 0, .22);
	--tdg-ink: #0f172a;
	--bkx-accent: #012c18;
	/* --bkx-accent: #ff633e; */
	--bkx-peach: #fdebe2;
	--bkx-ink: #0f172a;
	--bkx-muted: #8a9098;
}
*{
	/* font-family: 'Roboto Flex', sans-serif; */
	font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

body{
	overflow-x: hidden;
    max-width: 100vw;
	font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}
table{
	width: 100%;
}
#schedule{
	padding: 30px 20px;
	background-color: #f7f7f7;
	border-radius: 15px;
}
.packages-link::before, .packages-link::after {
	display: none !important;
}



				/* stacked sections spacing */
				.xtr-stack-section {
					padding-top: 10px;
					margin-bottom: 60px;
				}
		
				/* Floating circular right nav */
				.xtr-floatnav {
					position: fixed;
					right: 28px;
					/* adjust as per your blank space */
					top: 38%;
					transform: translateY(-50%);
					display: flex;
					flex-direction: column;
					gap: 14px;
					z-index: 999;
				}
		
				/* each circle */
				.xtr-floatbtn {
					width: 52px;
					height: 52px;
					border-radius: 50%;
					border: 0;
					display: flex;
					align-items: center;
					justify-content: center;
					background: #f2f2f2;
					/* neutral so your theme can override */
					color: #222;
					box-shadow: 0 8px 18px rgba(0, 0, 0, .12);
					cursor: pointer;
					transition: transform .2s ease, background .2s ease, color .2s ease, opacity .2s ease;
					opacity: .85;
				}
		
				.xtr-floatbtn i {
					font-size: 22px;
					line-height: 1;
				}
		
				/* hover */
				.xtr-floatbtn:hover {
					transform: translateY(-2px);
					opacity: 1;
				}
		
				/* active */
				.xtr-floatbtn.is-active {
					background: #012c18;
					color: #fff;
					opacity: 1;
				}
		
				/* hide on small screens if you want */
				@media (max-width: 767px) {
					.xtr-floatnav {
						right: 12px;
						top: auto;
						bottom: 22px;
						transform: none;
						flex-direction: row;
						gap: 10px;
					}
		
					.xtr-floatbtn {
						width: 46px;
						height: 46px;
					}
		
					.xtr-floatbtn i {
						font-size: 20px;
					}
				}




.zoom-scale{
	height: 100%;
}
.zoom-scale .card-img{
	height: 100%;
	object-fit: cover;
}
/* ===== Contact Message Form (cmf-) ===== */
.cmf-wrap {
	position: relative;
	min-height: 78vh;
	display: grid;
	place-items: center;
	isolation: isolate;
	padding: 60px 0;
}

/* Background image */
.cmf-bg {
	position: absolute;
	inset: 0;
	background: url('http://destinasia.riq063rncn-rz83yky206d7.p.temp-site.link/assets/uploads/package/1758146234_3fed349197d44bbd00e9.jpg') center/cover no-repeat;
	z-index: -1;
}

/* Glassy card */
.cmf-card {
	width: min(1120px, 92vw);
	border-radius: 18px;
	padding: clamp(22px, 3.6vw, 42px) clamp(18px, 4vw, 56px);
	color: #fff;

	/* dark gradient with a subtle warm tint */
	background:
		radial-gradient(120% 180% at 100% 0%, rgba(255, 120, 60, .12) 0%, rgba(0, 0, 0, .0) 45%),
		linear-gradient(180deg, rgba(15, 16, 18, .85), rgba(15, 16, 18, .85));
	backdrop-filter: blur(2px);
	box-shadow: 0 40px 80px rgba(0, 0, 0, .45), inset 0 0 0 1px rgba(255, 255, 255, .06);
}

/* Heading */
.cmf-title {
	text-align: center;
	font-weight: 800;
	font-size: clamp(22px, 3.2vw, 32px);
	margin: 0 0 6px;
}

.cmf-lead {
	text-align: center;
	color: #d6d6d6;
	margin: 0 0 20px;
}

/* Form layout */
.cmf-form {
	width: min(920px, 100%);
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	gap: 14px;
}

/* Inputs */
.cmf-input {
	width: 100%;
	height: 48px;
	border-radius: 8px;
	border: 1px solid rgba(255, 255, 255, .14);
	background: rgba(255, 255, 255, .08);
	color: #fff;
	padding: 12px 16px;
	outline: none;
	transition: border-color .2s ease, background .2s ease;
}

.cmf-input::placeholder {
	color: rgba(255, 255, 255, .65);
}

.cmf-input:focus {
	/* border-color: #ff633e; */
	border-color: #012c18;
	background: rgba(255, 255, 255, .12);
}

.cmf-textarea {
	height: 160px;
	resize: vertical;
}

/* Checkbox */
.cmf-check {
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 14px;
	color: #e7e7e7;
	margin-top: 6px;
}

.cmf-check input {
	width: 16px;
	height: 16px;
	/* accent-color: #ff633e; */
	accent-color: #012c18;
}

/* Button */
.cmf-btn {
	align-self: center;
	margin-top: 10px;
	/* background: #ff633e; */
	background: #012c18;
	color: #fff;
	font-weight: 800;
	letter-spacing: .02em;
	border: 0;
	border-radius: 8px;
	padding: 12px 26px;
	min-width: 240px;
	box-shadow: 0 8px 24px rgba(255, 99, 62, .35);
	cursor: pointer;
	transition: transform .15s ease, filter .15s ease;
}

.cmf-btn:hover {
	filter: brightness(.96);
	transform: translateY(-1px);
}

/* Responsive spacing */
@media (max-width: 560px) {
	.cmf-card {
		padding: 20px 14px;
	}

	.cmf-form {
		gap: 12px;
	}

	.cmf-btn {
		width: 100%;
		min-width: 0;
	}
}
/* ===== Contact Info (cinfo-) ===== */
.cinfo-wrap {
	--cinfo-ink: #0f172a;
	--cinfo-muted: #6b7280;
	--cinfo-rule: #e9ebee;

	font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
	color: var(--cinfo-ink);
	background: #fff;
	padding: 60px 12px 70px;
}

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

.cinfo-title {
	text-align: center;
	font-weight: 400;
	font-size: clamp(28px, 4.6vw, 42px);
	line-height: 1.15;
	letter-spacing: -.01em;
	margin: 0 0 14px;
}

.cinfo-lead {
	text-align: center;
	max-width: 920px;
	margin: 0 auto 46px;
	color: var(--cinfo-muted);
	line-height: 1.9;
}

/* three columns */
.cinfo-grid {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: clamp(18px, 3vw, 36px);
	align-items: start;
}

.cinfo-item {
	display: grid;
	grid-template-columns: 64px 1fr;
	gap: 18px;
	align-items: start;
}

.cinfo-ico {
	color: #0f2530;
	opacity: .9;
}

.cinfo-ico svg {
	width: 52px;
	height: 52px;
}

/* vertical dividers for middle & right cells */
.cinfo-divider {
	position: relative;
	padding-left: clamp(12px, 1.4vw, 22px);
}

.cinfo-divider::before {
	content: "";
	position: absolute;
	left: 0;
	top: 4px;
	bottom: 4px;
	width: 1px;
	background: var(--cinfo-rule);
}

/* text */
.cinfo-h3 {
	margin: 2px 0 8px;
	font-weight: 700;
	font-size: 20px;
}

.cinfo-text {
	margin: 0;
	color: var(--cinfo-muted);
	line-height: 1.9;
}

/* ===== Responsive ===== */
@media (max-width: 900px) {
	.cinfo-grid {
		grid-template-columns: 1fr;
	}

	.cinfo-divider {
		padding-left: 0;
	}

	.cinfo-divider::before {
		display: none;
	}
}
/* ===== Vision/Mission section (vms-) ===== */
.vms-wrap {
	--vms-ink: #0f172a;
	--vms-muted: #6b7280;
	--vms-card: #ffffff;
	--vms-border: #efefef;
	color: var(--vms-ink);
	background: #fff;
	padding: 56px 12px 72px;
}

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

.vms-title {
	text-align: center;
	font-weight: 400;
	font-size: clamp(26px, 4.3vw, 42px);
	line-height: 1.2;
	letter-spacing: -.01em;
	margin: 0 0 36px;
}

/* cards row with big soft shadow under both cards */
.vms-cards {
	position: relative;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 28px;
	margin: 0 auto 30px;
}

/* .vms-cards::after {
	content: "";
	position: absolute;
	left: 2%;
	right: 2%;
	bottom: -26px;
	height: 130px;
	background: radial-gradient(ellipse at center,
			rgba(0, 0, 0, .18) 0%,
			rgba(0, 0, 0, .12) 35%,
			rgba(0, 0, 0, .06) 60%,
			rgba(0, 0, 0, 0) 100%);
	filter: blur(12px);
	pointer-events: none;
	z-index: 0;
} */

/* individual card */
.vms-card {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: 80px 1fr;
	align-items: start;
	gap: 18px;
	background: var(--vms-card);
	border: 1px solid var(--vms-border);
	border-radius: 0px;
	padding: 28px 28px;
	box-shadow: 0 40px 60px #00000026;
}

.vms-icon svg {
	width: 56px;
	height: 56px;
	color: #222;
	opacity: .9;
}

.vms-h3 {
	margin: 4px 0 8px;
	font-size: 18px;
	font-weight: 500;
}

.vms-text {
	margin: 0;
	color: var(--vms-muted);
	line-height: 1.9;
}

/* footer copy */
.vms-foot {
	text-align: center;
	max-width: 900px;
	margin: 34px auto 0;
	color: var(--vms-muted);
	line-height: 1.9;
}

/* responsive */
@media (max-width: 900px) {
	.vms-cards {
		grid-template-columns: 1fr;
	}

	.vms-cards::after {
		left: 4%;
		right: 4%;
	}
}

@media (max-width: 520px) {
	.vms-card {
		grid-template-columns: 60px 1fr;
		padding: 22px;
	}

	.vms-icon svg {
		width: 44px;
		height: 44px;
	}
}
/* ===== Namespaced styles (cta-) ===== */
.cta-wrap {
	--cta-ink: #0f172a;
	--cta-muted: #6b7280;
	/* --cta-accent: #ff633e; */
	--cta-accent: #012c18;
	font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
	color: var(--cta-ink);
	padding: 48px 12px 72px;
	background: #fff;
}

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

.cta-title {
	text-align: center;
	font-weight: 400;
	font-size: clamp(26px, 4.2vw, 44px);
	line-height: 1.15;
	letter-spacing: -.01em;
	margin: 0 0 14px;
}

.cta-lead {
	text-align: center;
	color: var(--cta-muted);
	max-width: 820px;
	margin: 0 auto 28px;
	line-height: 1.8;
}

/* layout */
.cta-grid {
	display: grid;
	grid-template-columns: 1fr minmax(280px, 520px) 1fr;
	gap: clamp(18px, 3vw, 40px);
	align-items: center;
}

/* features */
.cta-col {
	display: grid;
	gap: 54px;
	justify-items: center;
}

.cta-feature {
	text-align: center;
	max-width: 340px;
}

.cta-ico {
	width: 56px;
	height: 56px;
	color: #262626;
	opacity: .9;
	margin-bottom: 10px;
}

.cta-h3 {
	font-size: clamp(16px, 1.8vw, 20px);
	font-weight: 500;
	margin: 8px 0 8px;
}

.cta-text {
	color: var(--cta-muted);
	line-height: 1.8;
}

/* center image */
.cta-center {
	display: grid;
	place-items: center;
}

.cta-frame {
	position: relative;
	width: min(100%, 520px);
	aspect-ratio: 4 / 5;
	border: 2px solid var(--cta-accent);
	/* slim orange outline like the ref */
	border-radius: 0px;
	/* frame can be soft */
	padding: 12px;
	/* spacing between frame and image */
}

.cta-photo {
	position: absolute;
	inset: 12px;
	/* aligns with frame padding */
	width: calc(100% - 24px);
	height: calc(100% - 24px);
	object-fit: cover;
	border-radius: 0;
	/* <-- requested: square corners */
}

/* responsive */
@media (max-width: 992px) {
	.cta-grid {
		grid-template-columns: 1fr;
	}

	.cta-col {
		order: 2;
		grid-template-columns: repeat(2, 1fr);
		gap: 32px 18px;
	}

	.cta-feature {
		justify-self: center;
	}

	.cta-center {
		order: 1;
	}
}

@media (max-width: 560px) {
	.cta-col {
		grid-template-columns: 1fr;
	}

	.cta-frame {
		width: 100%;
	}
}
.carousel-indicators [data-bs-target] {
	border: 0px !important;
}
.nav-link, .dropdown-item, h1, h2, h3{
	font-family: "Marcellus", serif;
	font-style: normal;
}
h1, h2, h3{
	text-transform: capitalize;
}
.da-hero {
	min-height: 320px;
	background: transparent;
	display: grid;
	place-items: center;
	padding: 48px 24px;
}

.da-word {
	font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
	font-weight: 900;
	letter-spacing: .06em;
	line-height: 1;
	font-size: clamp(48px, 12vw, 185px);

	/* metallic top-to-bottom gradient inside the text */
	background: linear-gradient(180deg, #e9e9e9 0%, #bcbcbc 35%, #5a5a5a 65%, #000 100%);
	-webkit-background-clip: text;
	background-clip: text;
	color: #ffe9d7;

	/* fade the lower portion of the letters to the black bg */
	-webkit-mask-image: linear-gradient(180deg, #fff 70%, rgba(255, 255, 255, 0) 92%);
	mask-image: linear-gradient(180deg, #fff 70%, rgba(255, 255, 255, 0) 92%);

	/* tiny glow for crisp edges on dark bg */
	filter: drop-shadow(0 2px 0 rgba(255, 255, 255, .04));
}
/* ===== Footer (ftz-) ===== */
.ftz-footer {
	--ftz-accent: #012c18;
	/* --ftz-accent: #ff633e; */
	--ftz-ink: #ffffff;
	--ftz-muted: #c9c9c9;
	--ftz-chip: #2a2a2a;

	background: #012c18;
	color: var(--ftz-ink);
	font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
	position: relative;
	color: #fff;
	overflow: hidden;
}
.ftz-bg {
	position: absolute;
	inset: 0;
	background: url('/assets/uploads/extras/footer.png') center / cover no-repeat;
	z-index: 1;
}
/* Black overlay */
.ftz-bg::after {
	content: "";
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.80);
	/* adjust opacity if needed */
}

/* Footer content above image */
.ftz-footer .container {
	position: relative;
	z-index: 2;
}
.ftz-title {
	font-weight: 400;
	font-size: clamp(28px, 4vw, 34px);
	line-height: 1.15;
	/* letter-spacing: -.01em; */
	margin: 0;
}

.ftz-subtitle {
	color: #eaeaea;
	font-weight: 600;
	letter-spacing: .2px;
}

/* social buttons */
.ftz-social {
	display: inline-grid;
	place-items: center;
	width: 56px;
	height: 56px;
	border-radius: 50%;
	background: #3b4a3b;
	color: #fff;
	text-decoration: none;
	box-shadow: 0 0px 24px rgba(255, 255, 255, 0.35);
	transition: transform .2s ease, filter .2s ease;
}

.ftz-social:hover {
	transform: translateY(-3px);
	filter: brightness(.95);
}

/* quick link pills */
.ftz-pillwrap {
	display: flex;
	flex-wrap: wrap;
	gap: .6rem .7rem;
}

.ftz-pill {
	display: inline-block;
	padding: .55rem .9rem;
	background: #425442;
	color: #e6e6e6;
	border-radius: .5rem;
	font-weight: 400;
	text-decoration: none;
	transition: all .5s ease;
	border-radius: 0;
}

.ftz-pill:hover {
	/* filter: brightness(1.1); */
	background: var(--ftz-accent);
	color: #fff;
}

/* .ftz-pill--active {
	background: var(--ftz-accent);
	color: #000;
} */

/* contact list */
.ftz-contact li {
	margin-bottom: 1rem;
	color: #ddd;
}

.ftz-contact a {
	color: #ddd;
	text-decoration: none;
}

.ftz-contact a:hover {
	text-decoration: underline;
}

.dropdown-item.active,
.dropdown-item:active {
	background-color: #fff !important;
	color: #000 !important;
}
.link-arrow{
	float: inline-end;
}
/* Remove Bootstrap's default chevron and make room for our icon */
.accordion-button {
	position: relative;
	padding-right: 3rem;
	/* space for the icon */
}

/* Kill Bootstrap's background-image chevron */
.accordion-button::after {
	background-image: none !important;
}

/* Our custom icon: two lines placed at the right side */
.accordion-button::after,
.accordion-button::before {
	content: "" !important;
	position: absolute;
	right: 1rem;
	top: 50%;
	width: 14px !important;
	height: 1px !important;
	background: currentColor;
	transform: translateY(-50%);
	transition: transform .25s ease, opacity .25s ease !important;
	border-radius: 1px;
}

/* Horizontal line (stays horizontal in both states) */
.accordion-button::after {
	/* already horizontal via base rules */
}

/* Vertical line (to make a plus); rotate it to vertical by default */
.accordion-button::before {
	transform: translateY(-50%) rotate(90deg);
}

/* OPEN state -> minus:
    rotate the vertical line to overlap horizontally (so both lines overlap) */
.accordion-button:not(.collapsed)::before {
	transform: translateY(-50%) rotate(0deg);
}

/* Optional: subtle color/scale change on hover/focus */
.accordion-button:focus,
.accordion-button:hover {
	/* keep your own focus styles as needed; this is just a gentle cue */
}


.accordion-button{
	border: 0 !important;
	box-shadow: none !important;
}
.accordion-button:not(.collapsed) {
	/* color: #ff633e !important; */
	color: #012c18 !important;
	background-color: #f7f7f7 !important;
}
.accordion-button:not(.collapsed)::after {
	background-image: var(--bs-accordion-btn-icon) !important;
}
.accordion-flush .accordion-item:last-child {
	border-bottom: 1px solid #dee2e6 !important;
}
/* ===== Booking Card (namespaced) ===== */
.bkx-card {
	background: #fff;
	border: 1px solid #f0f0f0;
	border-radius: 0px;
	padding: 24px;
	box-shadow: 0 22px 60px rgba(0, 0, 0, .08);
	max-width: 420px;
	/* remove if you want it fluid */
}

/* headings / price */
.bkx-price-head {
	font-weight: 600;
	color: #2b2f36;
	margin-bottom: 8px;
}

.bkx-ico-ticket {
	color: #222;
	opacity: .9;
}

.bkx-amount {
	font-weight: 400;
	color: #111;
	display: flex;
	align-items: baseline;
	gap: .35rem;
}

.bkx-curr {
	opacity: .95;
}

.bkx-num {
	/* font-size: 1.4rem; */
	letter-spacing: .02em;
}

.bkx-code {
	font-size: .9rem;
	opacity: .9;
	font-weight: 700;
}

.bkx-old {
	font-size: .85rem;
	color: #9aa0a8;
	text-decoration: line-through;
	margin-left: .25rem;
}

.bkx-subttl {
	margin-top: 8px;
	margin-bottom: 18px;
	color: #6b7280;
	font-size: .72rem;
	letter-spacing: .22em;
	text-transform: uppercase;
}

/* tabs */
.bkx-tabs {
	margin-bottom: 30px;
}

.bkx-tab {
	appearance: none;
	border: 0;
	background: transparent;
	cursor: pointer;
	font-weight: 400;
	color: #6f7680;
	padding: 10px 13px;
	/* border-radius: 8px; */
	transition: background .2s ease, color .2s ease;
}

.bkx-tab.is-active {
	background: var(--bkx-peach);
	color: #111;
}

/* inputs */
.bkx-label {
	font-weight: 600;
	color: #2b2f36;
}

.bkx-ico-person {
	color: var(--bkx-accent);
	opacity: .9;
}

.bkx-input {
	height: 48px;
	border-radius: 8px;
	border: 1px solid #e9e9e9;
	box-shadow: none !important;
}

.bkx-input::placeholder {
	color: #b8bec6;
}

.bkx-textarea {
	height: auto;
	padding-top: 12px;
}

/* buttons */
.bkx-btn {
	background-color: var(--bkx-accent) !important;
	color: #fff!important;
	border-radius: 0px!important;
	padding: 12px 18px;
	letter-spacing: .02em!important;
}

.bkx-btn:hover {
	filter: brightness(.95);
}

/* checkbox / link */
.bkx-check {
	width: 18px;
	height: 18px;
	margin-top: .2rem;
}

.bkx-checklbl {
	color: #505864;
}

.bkx-link {
	color: var(--bkx-accent);
	text-decoration: none;
}

.bkx-link:hover {
	text-decoration: underline;
}

/* panes */
.bkx-pane {
	display: none;
}

.bkx-pane.show {
	display: block;
}
.search-container .form-control{
	border-radius: 0 !important;
}
/* .br-0{
	border-radius: 0 !important;
} */
.custom-top-nav {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	/* background: transparent !important; */
	z-index: 1000;
	/* padding: 18px 0; */
	padding: 0;
	/* background-image: linear-gradient(to bottom, #00000090, #00000000); */
}

.custom-top-nav .container.position-relative {
	max-width: 100% !important;
	width: 100%;
}

.navbar-brand {
	/* padding-left: 80px !important; */
}

/* Logo */
.nav-logo {
	height: auto;
	max-width: 220px;
}

/* Center the menu exactly in the container */
.container.position-relative {
	position: relative;
}

.center-nav {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	gap: 5px;
	/* spacing between links */
}

/* Base link style (larger + white) */
.nav-link {
	color: #fff;
	font-weight: 400;
	font-size: 18px;
	padding: 10px 18px !important;
	transition: all .25s ease;
	white-space: nowrap;
}

/* Rounded pill hover/active */
.nav-pill {
	/* border-radius: 999px; */
	border-radius: 0px;
}

.nav-pill:hover,
.nav-link.show {
	background: #012c18;
	/* color: #111 !important; */
	color: #ffffff !important;
}

/* Dropdown menu look */
.dropdown-menu {
	border: none !important;
	border-radius: 0px !important;
	background: #012c18 !important;
	margin-top: 14px !important;
	min-width: 260px !important;
	padding: 20px !important;
	box-shadow: 0 12px 30px rgba(0, 0, 0, .12);
}

.dropdown-item {
	font-size: 18px;
	padding: 11px 16px;
	/* color: #222; */
	color: #fff !important;
}

.dropdown-item:hover {
	background: transparent;
	color: #000 !important;
}

.dropdown-toggle {
	/* position: relative; */
	padding-right: 30px !important;
}

.dropdown-toggle::before {
	content: "▾";
	/* down arrow */
	position: absolute;
	right: 8px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 24px;
	transition: all 0.25s ease;
}

/* When dropdown is shown -> rotate arrow up */
.dropdown.show>.dropdown-toggle::before,
.dropdown:hover>.dropdown-toggle::before {
	/* content: "▴"; */
	/* up arrow */
	transform: translateY(-50%) rotate(180deg);
}

/* Fade down */
.fade-down {
	animation: fadeDown .25s ease both;
}

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

	to {
		opacity: 1;
		transform: translateY(0);
	}
}
.xtr-section {
	/* --xtr-accent: #ff633e; */
	--xtr-accent: #012c18;
	--xtr-peach: #fdebe2;
	--xtr-ink: #0f172a;
	--xtr-text: #525a66;
	font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
	color: var(--xtr-text);
}

.xtr-container {
	max-width: 1040px;
	margin: 0 auto;
	padding: 0 16px
}

.xtr-tabs {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	border-radius: 5px;
	overflow: hidden;
	background: var(--xtr-peach)
}
.xtr-tabs.acc{
	grid-template-columns: repeat(4, 1fr);
}

.xtr-tab {
	appearance: none;
	border: 0;
	background: transparent;
	color: var(--xtr-ink);
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: .02em;
	padding: 10px 20px;
	cursor: pointer;
	transition: background .2s
}

.xtr-tab:is(:hover, :focus-visible) {
	background: rgba(0, 0, 0, .03);
	outline: none
}

.xtr-tab.is-active {
	background: var(--xtr-accent);
	color: #fff
}

.xtr-panels {
	margin-top: 26px
}

.xtr-panel {
	display: none
}

.xtr-panel.is-active {
	display: block
}

.xtr-h2 {
	font-size: clamp(28px, 4.2vw, 48px);
	line-height: 1.12;
	color: var(--xtr-ink);
	font-weight: 800;
	letter-spacing: -.01em;
	margin: 18px 0 12px
}

.xtr-lead {
	font-size: 18px;
	line-height: 1.8;
	margin: 0 0 14px
}

.xtr-list {
	margin: 12px 0 0 0;
	padding-left: 20px
}

.xtr-list li {
	margin: 10px 0
}

/* ===== ITINERARY (continuous line + accordion) ===== */
.xtr-itin {
	position: relative;
	margin-top: 26px;
	padding: 6px 0;
	/* axis position vars (match grid columns) */
	--xtr-daycol: 100px;
	--xtr-gap: 22px;
	--xtr-axisx: 11px;
}

/* single continuous vertical line */
.xtr-itin::before {
	content: "";
	position: absolute;
	top: 8px;
	bottom: 8px;
	left: calc(var(--xtr-daycol) + var(--xtr-gap) + var(--xtr-axisx));
	width: 2px;
	background: #ddd;
}

.xtr-acc {
	margin: 0 0 8px
}

.xtr-row {
	display: grid;
	grid-template-columns: 100px 24px 1fr;
	gap: 0 22px;
	align-items: start;
	padding: 10px 0
}

.xtr-day {
	color: var(--xtr-accent);
	font-weight: 700;
	user-select: none
}

.xtr-timeline {
	position: relative;
	height: 100%
}

/* no per-row line now */
.xtr-dot {
	position: absolute;
	left: 6px;
	top: 10px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: var(--xtr-accent);
	box-shadow: 0 0 0 3px #fff, 0 0 0 5px rgba(255, 99, 62, .25);
	z-index: 1
}

.xtr-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	background: transparent;
	border: 0;
	padding: 2px 0;
	font-weight: 400;
	color: var(--xtr-ink);
	text-align: left;
	cursor: pointer
}

.xtr-head:focus-visible {
	outline: 2px solid var(--xtr-accent);
	outline-offset: 2px
}

.xtr-chevron {
	width: 18px;
	height: 18px;
	margin-left: 16px;
	flex: none;
	transition: transform .2s ease
}

.xtr-acc.is-open .xtr-chevron {
	transform: rotate(180deg)
}

.xtr-body {
	grid-column: 3/-1;
	overflow: hidden;
	max-height: 0;
	padding-left: calc(var(--xtr-daycol) + var(--xtr-gap) + 44px);
	transition: max-height .26s ease;
}

.xtr-acc.is-open .xtr-body {
	max-height: 400px
}

.xtr-body p {
	margin: 10px 0 14px;
	line-height: 1.9
}

.xtr-div {
	border: 0;
	height: 1px;
	background: #e7e7e7;
	margin: 10px 0 0
}



/* ===== SEPARATE FAQ ACCORDION ===== */
.xfaq-section {
	font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
	margin-top: 18px
}

.xfaq-container {
	max-width: 1040px;
	margin: 0 auto;
	padding: 0 16px
}

.xfaq-acc {
	margin: 0
}

.xfaq-head {
	width: 100%;
	background: transparent;
	border: 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 18px 0;
	cursor: pointer;
	font-weight: 700;
	color: #0f172a;
	text-align: left
}

.xfaq-head:focus-visible {
	/* outline: 2px solid #ff633e; */
	outline: 2px solid #012c18;
	outline-offset: 2px
}

.xfaq-chevron {
	width: 18px;
	height: 18px;
	transition: transform .2s ease
}

.xfaq-acc.is-open .xfaq-chevron {
	transform: rotate(180deg)
}

.xfaq-body {
	overflow: hidden;
	max-height: 0;
	transition: max-height .26s ease
}

.xfaq-acc.is-open .xfaq-body {
	max-height: 280px
}

.xfaq-body p {
	margin: 0 0 12px 0;
	padding-left: 18px;
	color: #505a66;
	line-height: 1.8
}

.xfaq-div {
	border: 0;
	height: 1px;
	background: #e7e7e7;
	margin: 0
}
.tdg-section {
	padding: 10px 0 40px;
	background: #ffffff;
}

.tdg-container {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 18px;
	font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
	color: var(--tdg-ink);
}

.tdg-title {
	text-align: center;
	font-weight: 800;
	font-size: clamp(22px, 3vw, 36px);
	letter-spacing: .01em;
	margin: 8px 0 20px;
}

/* ===== Grid ===== */
.tdg-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-auto-rows: 1fr;
	gap: var(--tdg-gap);
}

/* breakpoints like Webflow: 4 → 3 → 2 → 1 */
@media (max-width: 1100px) {
	.tdg-grid {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media (max-width: 860px) {
	.tdg-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

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

/* ===== Card ===== */
.tdg-card {
	position: relative;
	display: block;
	width: 100%;
	aspect-ratio: 3 / 4;
	/* portrait proportion like the reference */
	border-radius: var(--tdg-radius);
	overflow: hidden;
	box-shadow: var(--tdg-shadow);
	background: #e5e7eb;
	text-decoration: none;
	transform: translateY(var(--tdg-offset));
	transition: transform .28s ease, box-shadow .28s ease;
	isolation: isolate;
	/* for clean z-index stacking */
}

.tdg-card:hover {
	transform: translateY(calc(var(--tdg-offset) - 6px));
	box-shadow: var(--tdg-shadow-hover);
}
/* ===== Desktop: 4 columns (default) ===== */
/* .tdg-grid .tdg-card:nth-child(2n + 1) {
	--tdg-offset: 0px;
}

.tdg-grid .tdg-card:nth-child(2n + 2) {
	--tdg-offset: 22px;
} */

/* .tdg-grid .tdg-card:nth-child(4n + 3) {
	--tdg-offset: 0;
}

.tdg-grid .tdg-card:nth-child(4n + 4) {
	--tdg-offset: 22px;
} */
@media (max-width:1100px) {
	.tdg-grid .tdg-card {
		--tdg-offset: 0px;
	}

	/* reset first */
	.tdg-grid .tdg-card:nth-child(3n + 1) {
		--tdg-offset: 0px;
	}

	.tdg-grid .tdg-card:nth-child(3n + 2) {
		--tdg-offset: 24px;
	}

	.tdg-grid .tdg-card:nth-child(3n + 3) {
		--tdg-offset: 48px;
	}
}

/* ===== Small tablet: 2 columns ===== */
@media (max-width:860px) {
	.tdg-grid .tdg-card {
		--tdg-offset: 0px;
	}

	/* reset first */
	.tdg-grid .tdg-card:nth-child(2n) {
		--tdg-offset: 28px;
	}

	/* right column lower */
}

/* ===== Phone: 1 column (no stagger) ===== */
@media (max-width:520px) {
	.tdg-grid .tdg-card {
		--tdg-offset: 0px;
	}
}
.tdg-card>img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 0;
	transition: transform .6s ease;
}

.tdg-card:hover>img {
	transform: scale(1.04);
}

/* dark wash at bottom for readability */
.tdg-card::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 45%, rgba(0, 0, 0, .62) 100%);
	z-index: 1;
	pointer-events: none;
}

/* text block */
.tdg-meta {
	position: absolute;
	left: 16px;
	right: 16px;
	bottom: 16px;
	z-index: 2;
	color: #fff;
	text-shadow: 0 1px 10px rgba(0, 0, 0, .28);
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.tdg-country {
	font-weight: 400;
	font-size: 18px;
	line-height: 1.1;
	text-align: center;
}

.tdg-region {
	font-size: 12px;
	opacity: .95;
}
 @media (prefers-reduced-motion: reduce) {

 	.reveal-up,
 	.reveal-left,
 	.reveal-right,
 	.fade-in {
 		opacity: 1;
 		transform: none !important;
 		transition: none !important;
 		animation: none !important
 	}
 }

 .reveal-up,
 .reveal-left,
 .reveal-right,
 .fade-in {
 	opacity: 0;
 	will-change: transform, opacity;
 	transition: transform var(--reveal-dur) var(--reveal-ease), opacity var(--reveal-dur) var(--reveal-ease);
 }

 .reveal-up {
 	transform: translateY(30px);
 }

 .reveal-left {
 	transform: translateX(-40px);
 }

 .reveal-right {
 	transform: translateX(40px);
 }

 .fade-in {
 	transform: none;
 }

 /* only fade */

 .is-visible {
 	opacity: 1;
 	transform: none;
 }

 /* Optional niceties */
 .reveal-group>* {
 	/* allow group-level stagger if you wrap children */
 	will-change: transform, opacity;
 }
/* ---- Outer container ---- */
.dc-wrap {
	max-width: 1200px;
	margin: 36px auto 64px;
	padding: 0 20px;
	font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
	color: var(--dc-ink);
}

/* ---- Title (centered horizontally) ---- */
.dc-title {
	text-align: center;
	/* centers the text */
	font-weight: 800;
	font-size: clamp(22px, 3.2vw, 40px);
	letter-spacing: .01em;
	margin: 12px auto 28px;
	/* centers the element block itself */
	display: block;
	width: fit-content;
	/* keep width to content for precise centering */
	max-width: 100%;
}

/* ---- Grid ---- */
.dc-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: var(--dc-gap);
	justify-items: center;
}

.dc-card {
	position: relative;
	isolation: isolate;
	/* ensures z-index layering stays inside this card */
	width: 100%;
	max-width: 360px;
	aspect-ratio: 4/5;
	border-radius: 0;
	overflow: hidden;
	box-shadow: var(--dc-shadow);
	background: #e5e7eb;
	transition: transform .35s ease, box-shadow .35s ease;
	text-decoration: none;
}
.dc-card:hover {
	transform: translateY(-6px);
	box-shadow: var(--dc-shadow-hover);
}

.dc-card>img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .6s ease;
	z-index: 0;
}

.dc-card:hover>img {
	transform: scale(1.04);
}

/* gradient wash so white label pops */
.dc-card::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, .55) 100%);
	pointer-events: none;
	z-index: 1;
	/* <-- important */
}

.dc-label {
	position: absolute;
	left: 5%;
	bottom: 16px;
	width: 90%;
	text-align: center;
	font-weight: 400;
	color: #fff;
	font-size: 20px;
	text-shadow: 0 2px 12px rgba(0, 0, 0, .35);
	letter-spacing: .2px;
	z-index: 2;
	/* <-- important */
}
 .testi-wrap {
 	position: relative;
 	border-radius: var(--radius);
 	overflow: hidden;
 	min-height: 460px;
 	box-shadow: 0 10px 28px rgba(0, 0, 0, .12);
 	margin: 16px;
 }

 /* background image stays constant */
 .testi-bg {
 	position: absolute;
 	inset: 0;
 	/* background: url("https://images.unsplash.com/photo-1591702672846-0c2f6f9bc4f8?q=80&w=1920") center/cover no-repeat; */
 	z-index: 0;
 }

 /* warm peach wash + soft vignette */
 .testi-wrap::before {
 	content: "";
 	position: absolute;
 	inset: 0;
 	/* background:
 		radial-gradient(70% 100% at 30% 40%, rgba(255, 255, 255, .35), rgba(255, 255, 255, .1) 60%, rgba(0, 0, 0, .0) 70%),
 		linear-gradient(0deg, rgba(0, 0, 0, .10), rgba(0, 0, 0, .10)),
 		var(--peach); */
 	mix-blend-mode: multiply;
 	z-index: 1;
 }

 /* “page curl” wedge on the right */
 .curl {
 	position: absolute;
 	right: -2%;
 	top: -18%;
 	width: 58%;
 	height: 140%;
 	z-index: 2;
 	background:
 		radial-gradient(120% 80% at 18% 15%, rgba(255, 255, 255, .65) 0, rgba(255, 230, 210, .45) 38%, rgba(0, 0, 0, 0) 41%),
 		linear-gradient(180deg, #d55321 0%, #672a0c 100%);
 	clip-path: path("M0,0 C240,120 420,110 520,120 C590,125 640,140 680,190 L680,760 L0,760 Z");
 	filter: drop-shadow(-8px 10px 18px rgba(0, 0, 0, .25));
 }

 /* tiny plane */
 .plane {
 	position: absolute;
 	z-index: 3;
 	top: 110px;
 	right: 44%;
 	width: 72px;
 	height: auto;
 	filter: drop-shadow(0 6px 10px rgba(0, 0, 0, .35));
 	transform: rotate(18deg);
 }

 .testi-inner {
 	position: relative;
 	z-index: 4;
 	/* above overlays */
 	color: var(--ink);
 	text-align: center;
 	padding: 64px 16px 40px;
 }

 .testi-title {
 	/* font-family: "Marcellus", ui-serif, Georgia, "Times New Roman", serif; */
 	letter-spacing: 0.25em;
 	font-size: clamp(28px, 6.2vw, 80px);
 	font-weight: 300;
 	color: #121212;
 	opacity: .9;
 	margin-bottom: 18px;
 }

 .avatars {
 	display: inline-flex;
 	gap: 8px;
 	margin: 8px 0 10px;
 }

 .avatars img {
 	width: 42px;
 	height: 42px;
 	border-radius: 50%;
 	object-fit: cover;
 	border: 3px solid rgba(255, 255, 255, .75);
 	box-shadow: 0 2px 8px rgba(0, 0, 0, .25);
 }

 .quote {
 	font-size: 38px;
 	color: #6e5c55;
 	line-height: 1;
 	margin: 6px 0 10px;
 }

 .testi-copy {
 	max-width: 560px;
 	margin: 0 auto 8px;
 	color: #2a2a2a;
 	text-shadow: 0 1px 0 rgba(255, 255, 255, .35);
 }

 /* Bootstrap dots only (no arrows used) */
 .testi-inner .carousel-indicators {
 	position: static !important;
 	margin-top: 10px !important;
 }

 .testi-inner .carousel-indicators [data-bs-target] {
 	width: 15px!important;
 	height: 15px!important;
 	border-radius: 50%!important;
 	background: #000000 !important;
 	opacity: .35!important;
 }

 .testi-inner .carousel-indicators .active {
 	opacity: 1!important;
 }



.travel-style-wrap {
	position: relative;
	background: #f9f9f9;
	border-radius: 20px;
	padding: clamp(20px, 3.5vw, 42px);
	overflow: hidden;
	padding-left: 60px;
	padding-right: 60px;
}

/* faint doodle pattern (optional) */
.travel-style-wrap::before {
	content: "";
	position: absolute;
	inset: 0;
	background:
		radial-gradient(1200px 1200px at -10% -10%, rgba(255, 255, 255, .12), transparent 60%) no-repeat,
		radial-gradient(1200px 1200px at 110% 110%, rgba(255, 255, 255, .12), transparent 60%) no-repeat;
	pointer-events: none;
}

.style-title {
	font-weight: 400;
	font-size: 2.2rem;
	text-align: center;
	margin: 0 0 clamp(16px, 2.6vw, 28px);
	letter-spacing: -0.02em;
	color: #1b1b1b;
}

/* ===== Main grid (2 rows, 3 columns) ===== */
.style-grid {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	/* 3 columns */
	grid-template-rows: 260px 260px;
	/* 2 rows same height */
	gap: clamp(14px, 1.6vw, 22px);
	grid-template-areas:
		"wideA tall wideB"
		"stack tall wideC";
}



/* ===== Card base ===== */
.style-card {
	position: relative;
	border-radius: var(--radius);
	overflow: hidden;
	box-shadow: var(--shadow);
	background: #ddd;
	color: #fff;
	isolation: isolate;
}

.style-card img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .6s ease;
}

.style-card::after {
	/* dark gradient for readable white title */
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, .55) 100%);
	z-index: 0;
}

.style-card:hover img {
	transform: scale(1.04);
}

.style-title-caption {
	position: absolute;
	left: 20px;
	bottom: 16px;
	z-index: 1;
	font-weight: 400;
	letter-spacing: .2px;
	font-size: 20px;
	text-shadow: 0 2px 10px rgba(0, 0, 0, .25);
}

/* ===== Named slots ===== */
.slot-wideA {
	grid-area: wideA;
}

.slot-tall {
	grid-area: tall;
}

.slot-wideB {
	grid-area: wideB;
}

.slot-stack {
	grid-area: stack;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: clamp(14px, 1.6vw, 22px);
}

.slot-wideC {
	grid-area: wideC;
}


/* Accessibility focus */
.style-card:focus-visible {
	outline: 3px solid #fff;
	outline-offset: 3px;
}
.section-wrap {
	padding: 56px 0 40px;
}

.lead-title {
	font-weight: 400;
	letter-spacing: -0.02em;
	line-height: 1.1;
	font-size: clamp(28px, 3.3vw, 44px);
	margin-bottom: 16px;
}

.lead-copy {
	color: var(--muted);
	max-width: 48ch;
	line-height: 1.7;
	margin-bottom: 28px;
}

/* big rounded images */
.feature-img {
	width: 100%;
	height: auto;
	display: block;
	border-radius: 20px;
	object-fit: cover;
	box-shadow: 0 1px 0 rgba(0, 0, 0, .03);
}

/* keep proportions close to mock */
.ratio-clip {
	border-radius: 20px;
	overflow: hidden;
}

.ratio-clip>img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* icon + text rows */
.benefit {
	display: grid;
	grid-template-columns: 64px 1fr;
	column-gap: 18px;
	row-gap: 4px;
}

.benefit+.benefit {
	margin-top: 26px;
}

.benefit h6 {
	font-weight: 500;
	margin: 0 0 6px;
	font-size: 18px;
	letter-spacing: -.01em;
}

.benefit p {
	color: var(--muted);
	margin: 0;
	line-height: 1.7;
}

/* icon holders */
.ico {
	width: 64px;
	height: 64px;
	border-radius: 14px;
	display: grid;
	place-items: center;
}

/* three flavors to match the screenshot’s feel */
.ico-line {
	border: 1px solid #e5e7eb;
}

.ico-dash {
	border: 2px dashed #e5e7eb;
	border-radius: 50%;
	width: 64px;
	height: 64px;
	background: #fff;
}

.ico-ghost {
	border: 1px solid #e5e7eb;
}

/* fine-tuning spacing to match the image */

.weekend-destinations .nav-pills .nav-link {
	/* border-radius: 999px; */
	padding: .5rem 1rem;
	font-weight: 600;
	color: #6b7280;
	/* background: #f3f4f6 */
}

.weekend-destinations .nav-pills .nav-link.active {
	background: transparent;
	/* color: #fb5b32 */
	color: #012c18
}

.trip-card {
	border: 1px solid #dedede;
	border-radius: 0px;
	overflow: hidden;
	background: #fff;
	transition: box-shadow .25s, transform .25s;
	cursor: pointer;
}

.trip-card:hover {
	box-shadow: 0 16px 40px rgba(0, 0, 0, .08);
	transform: translateY(-7px)
}

.trip-media {
	position: relative;
	aspect-ratio: 16/10;
	overflow: hidden
}

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

.badge-discount {
	position: absolute;
	top: 12px;
	left: 12px;
	/* background: #fb5b32; */
	background: #012c18;
	color: #fff;
	font-weight: 700;
	padding: .35rem .6rem;
	border-radius: 10px;
	font-size: .875rem
}

.badge-featured {
	position: absolute;
	top: 12px;
	left: 110px;
	background: #0ea5e9;
	color: #fff;
	font-weight: 700;
	padding: .35rem .6rem;
	border-radius: 10px;
	font-size: .875rem
}

.trip-body {
	padding: 14px 16px 18px
}

.trip-meta {
	display: flex;
	align-items: center;
	justify-content: end;
	font-weight: 600;
	margin-bottom: 15px;
	border-bottom: 1px dashed #00000038;
	padding-bottom: 15px;
}

.trip-meta .meta {
	color: #5b5e61;
	display: flex;
	align-items: center;
	font-size: 13px;
}

.trip-title {
	font-size: 1.05rem;
	line-height: 1.35;
}

.trip-price {
	margin-top: .25rem;
	font-weight: 500;
	font-size: 14px;
}

.trip-price .price {
	/* color: #fb5b32; */
	color: #012c18;
}

#countryTabs::-webkit-scrollbar {
	display: none
}


.region-description table{
	width: 100%;
}
.vertical-navbar {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 100%;
	margin-top: 50px;
}

.vertical-navbar li {
	margin: 0;
}

.vertical-navbar a {
	display: block;
	padding: 12px 16px;
	text-align: left;
	text-decoration: none;
	color: #000000;
	font-size: 16px;
	border-radius: 4px;
}

.vertical-navbar a:hover {
	background-color: #555;
}

.vertical-navbar hr {
	margin: 8px 0;
	border: none;
	border-top: 1px solid #888;
}
.Guaranteed, .Underselling, .Confirmed, .Closed{
	padding: 5px 15px;
    border-radius: 10px;
    text-decoration: none;
	display: inline-block;
    margin-right: 5px; /* similar to your mx-2 */
	margin-bottom: 5px;
    white-space: nowrap;
}
.Closed{
    background: #fc0303;
    color: white;
}
.Guaranteed{
    background: #2196F3;
    color: white;
}
.Underselling{
    background: #FFC107;
    color: white;
    
}
.Confirmed{
    background: #4CAF50;
    color: white;
   
}
.super-wow-btn {
  position: relative;
  overflow: hidden;
  padding: 1rem 2rem;
  font-size: 1.25rem;
  font-weight: 600;
  color: #fff;
  background: rgba(0, 123, 255, 0.2);
  border: 2px solid #00f0ff;
  border-radius: 12px;
  backdrop-filter: blur(10px);
  transition: all 0.4s ease;
  box-shadow: 0 0 15px rgba(0, 255, 255, 0.4);
}

.super-wow-btn:hover {
  background: rgba(0, 123, 255, 0.4);
  transform: scale(1.05);
  box-shadow: 0 0 25px rgba(0, 255, 255, 0.8);
  border-color: #fff;
}

.super-wow-btn::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 300%;
  height: 300%;
  background: radial-gradient(circle, rgba(0, 255, 255, 0.4) 10%, transparent 10.01%);
  background-repeat: no-repeat;
  background-position: 50%;
  transform: translate(-50%, -50%) scale(0);
  opacity: 0;
  transition: transform 0.6s, opacity 1s;
  pointer-events: none;
}

.super-wow-btn:active::before {
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
  transition: 0s;
}

.super-wow-btn .btn-text {
  position: relative;
  z-index: 1;
  text-shadow: 0 0 10px #00f0ff;
}

.logo-nav{
    max-width: 140px;
}
.filter-btn{
	border-color: #1d4189 !important;
	border-radius: 0px !important;
	color: #1d4189 !important;
	transition: all 0.5s ease !important;
	/* float: inline-end; */
}
.filter-btn:hover{
	border-color: #fff !important;
	color: #fff !important;
	background-color: #1d4189 !important;
}
.apply-filter-btn-1 {
	border-color: #48211c !important;
	border-radius: 0px !important;
	color: #48211c !important;
	transition: all 0.5s ease !important;
}

.apply-filter-btn-1:hover {
	border-color: #fff !important;
	color: #fff !important;
	background-color: #012c18 !important;
}
.apply-filter-btn-2 {
	background-color: #012c18 !important;
	border-color: #fff !important;
	border-radius: 0px !important;
	color: #fff !important;
	transition: all 0.5s ease !important;
}

.apply-filter-btn-2:hover {
	border-color: #012c18 !important;
	color: #012c18 !important;
	background-color: #fff !important;
}
.message-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.7); /* semi-transparent black */
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 9999;
}

.message-popup {
	position: relative;
	z-index: 10000;
}

.trio{
    position: absolute;
    bottom: 5%;
    width: 100%;
}
.trio-item{
	border-radius: 12px;
	background-color: #f8d347; /* same yellow as in image */
	padding: 10px 30px;
}
.custom-navb{
	background: transparent;
	background-color: transparent !important;
	position: absolute !important;
	top: 0;
	z-index: 10;
	width: 100%;
}
.custom-navbar-nav{
	padding: 5px 30px !important;
	background-color: #ffffff33;
	border-radius: 50px;
}
.custom-nav-item{
	background-color: #00000036;
	border-radius: 20px;
	padding: 2px 15px;
	margin: 0 15px;
	transition: all 0.5s ease;
}
.custom-nav-link{
    font-size: 1.3rem !important;
    font-weight: 500 !important;
    padding: 4px 10px !important;
}
.custom-nav-item:hover{
	background-color: #000000;
}
.navs{
	position: fixed !important;
	z-index: 4;
	width: 100%;
	max-width: 100vw;
}
.main-content{
	position: relative;
	top: 75px;
}
/*
.green-nav{
	background-color: #6d6935 !important;
	padding-top: 10px !important;
	padding-bottom: 3px !important;
}
.white-nav-item{
	padding-left: 10px;
	padding-right: 10px;
	display: inline-block;
	font-weight: 500 !important;
	padding-top: 10px;
	color: #000;
}
*/
.green-nav {
    background-color: #849569 !important;
    padding-top: 4px !important;
    padding-bottom: 4px !important;
	margin-top: -1px;
}

.white-nav-item {
    padding-left: 10px;
    padding-right: 10px;
    display: inline-block;
    font-weight: 500 !important;
    padding-top: 10px;
    color: #000;
    position: relative;
}

.white-nav-item:hover .mega-menu-content {
    display: block;
}

.mega-nav {
  background-color: #2E7D32; /* Change to your desired background color */
  width: 100%;
}

.mega-nav .container {
}

.mega-nav .nav {
  /*display: flex;
  justify-content: space-between;*/
  align-items: center;
  list-style: none;
  margin: 0;
  padding: 0;
}

.mega-nav .dropdown-mega {
  position: relative !important;
}

.mega-nav .dropdown-menu-mega {
    /* Modify your existing styles as needed */
    position: absolute !important;
    left: 0 !important;
    width: 50vw !important; /* Adjust width as needed */
    background-color: #849569 !important; /* Change to your desired background color */
    padding: 20px !important; /* Adjust padding as needed */
    list-style: none !important;
    z-index: 1 !important;
}

.mega-nav .dropdown-menu-mega .col-md-6 {
    /* Adjust styling of the columns */
    padding: 0 15px; /* Add padding to columns */
}

.mega-nav .dropdown-item-mega {
  color: #ffffff !important; /* Change to your desired text color */
  text-decoration: none !important;
}

.mega-nav .dropdown-divider {
  background-color: #ffffff; /* Change to your desired divider color */
}
.mega-nav .dropdown-menu {
  background-color: #849569 !important; /* Change to your desired background color */
}
.mega-nav .dropdown-item {
  color: #ffffff !important; /* Change to your desired text color */
  text-decoration: none !important;
}

.mega-nav .dropdown-item:hover {
  color: #000 !important; /* Change to your desired text color */
  text-decoration: none !important;
}

.white-nav-link{
	color: #000;
}

.home-logo{
	max-width: 150px;
	max-height: 100px;
}
.green-nav-link{
	font-weight: 500 !important;
	font-size: 1.2rem !important;
}
.top-white-navbar{
	background-color: #fff !important;
}

.green-nav-item{
	display: none;
}
.trio{
	display:flex;
}
.small-show{
	display: none;
}

.connect-btn{
	border: 1px solid #000 !important;
	background-color: #fff !important; 
	border-radius: 10px !important;
	font-weight: 500 !important;
	transition: .5s !important;
}
.connect-btn:hover{
	border: 1px solid #000 !important;
	border: 0px !important;
	background-color: #000 !important;
	transition: .5s !important;
	color: #fff !important;
	font-size: large;
}

.request-btn{
	border: 1px solid #fff !important;
	background-color: #000 !important; 
	color: #fff !important;
	border-radius: 10px !important;
	font-weight: 500 !important;
	transition: .5s !important;
}
.request-btn:hover{
	border: 1px solid #000 !important;
	border: 0px !important;
	background-color: #fff !important;
	transition: .5s !important;
	color: #000 !important;
	font-size: large;
}
.home-banner-img{
	max-width: -webkit-fill-available;
}
.home-banner-title{
	font-size: 60px;
}
.home-banner-carousel-item::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.3);
	z-index: 1;
}
.home-banner-caption{
  top: 50%  !important;
  left: 50% !important;
  -ms-transform: translate(-50%, -50%) !important;
  transform: translate(-50%, -50%) !important;
  width: 60% !important;
height: fit-content;
	z-index: 2;
}


.home-view-btn{
	border: 1px solid #fff !important;
	border-radius: 1px !important;
	color: #fff  !important;
	font-size: large !important;
	transition: .5s !important;
	font-weight: 500 !important;
}
.home-view-btn:hover{
	transition: .5s !important;
	font-size: 1.6rem !important;
}
.destination-container{
	padding-top: 30px;
	padding-bottom: 30px;
	background-color: #fff!important;
}
.cursive-text{
	font-family: 'Alex Brush',handwriting;
	font-size: 30px;
}
.home-thumbnail-title{
	margin-top: 40%;
}
.home-thumbnail-title-blogs{
	margin-top: 40%;
}
.home-thumbnail-card{
	cursor: pointer;
	transition: .5s !important;
}
.home-thumbnail-card::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.3);
	transition: .5s !important;
}
.home-thumbnail-card:hover{
	transform: scale(1.05);
	overflow: hidden;
	transition: .5s !important;
}
.image-container {
  position: relative;
  display: inline-block;
	transition: .5s !important;
}

.image-overlay {
  position: absolute;
  bottom: 0;
  width: 100%;
  background: linear-gradient(to top, rgba(0, 0, 0, 10), rgba(0, 0, 0, 0));
	border-bottom-left-radius:  10px !important;
	border-bottom-right-radius:  10px !important;
}

.overlay-text {
  color: white;
  text-align: center;
  padding: 10px;
  margin: 0;
}

.top-left-box {
  position: absolute;
  bottom: 75%;
  left: 50%;
  transform: translate(-50%, -50%);
  /*right: 15px;*/
  background-color: #e7be1d;
  padding: 7px;
	color: white;
	border-radius: 5px;
}

.overlay-img{
	max-width: 200px;
	height: auto;
}
.package-home-img{
	border-radius: 10px !important;
	transition: .5s;
}
.package-image-container:hover{
	transform: scale(1.05);
	transition: .5s !important;
}
.packages-container{
	padding-top: 30px;
	padding-bottom: 30px;
	background-color: #f7f7f7 !important;
}
.package-image-container{
	cursor: pointer;
	transition: .5s !important;
}
.view-all-btn{
	border: 1px solid #000 !important;
	border-radius: 15px !important;
	margin-top: 20px !important;
	transition: .5s !important;
	letter-spacing: 1.5px !important;
	font-weight: 500 !important;
}
.view-all-btn:hover{
	background-color: #e1e1e1 !important;
	border: 1px solid #e1e1e1 !important;
	font-size: larger !important;
	transition: .5s !important;
}
.themes-container{
	padding-top: 30px;
	padding-bottom: 30px;
	background-color: #fff!important;
}
.home-theme-img{
	width: 100%;
	border-radius: 20px;
}
.home-theme-card{
	margin-bottom: 20px;
	cursor: pointer;
	overflow: hidden;
	border: 0 !important;
	transition: all 0.5s ease;
}
.packaging-card{
	cursor: pointer;
	overflow: hidden;
	border: 0 !important;
	transition: all 0.5s ease;
	padding: 20px;
    border-radius: 20px;
	height: 100% !important;
}
.packaging-card-img-top{
	border-radius: 15px !important;
}
.packaging-card-text{
	font-size: 1.2rem;
	font-weight: 500;
}
.packaging-book-btn {
	display: inline-flex;
	align-items: center;
	background-color: #fcd748; /* same yellow as in image */
	color: black;
	border: none;
	padding: 10px 20px;
	font-size: 16px;
	border-radius: 15px;
	cursor: pointer;
	transition: all 0.5s ease;
	position: relative;
}
.packaging-book-btn .arrow-icon {
	display: inline-block;
	overflow: hidden;
	width: auto;                /* allow natural sizing inside */
	max-width: 0;               /* restrict visible width */
	opacity: 0;
	transform: translateX(-5px);
	transition: all 0.5s ease;
	white-space: nowrap;
	height: 28px;
	font-size: 1.4rem;
}

.packaging-book-btn:hover .arrow-icon {
	max-width: 40px;
	opacity: 1;
	transform: translateX(0);
	margin-left: 8px;
}
.packaging-price{
	margin: auto;
	margin-right: 0;
	font-size: 1.2rem;
	font-weight: 400;
}
.itin-cont{
	background-color: #fff;
}
/*.home-theme-card:hover{
	transform: scale(1.05);
	transition: .5s;
}*/
.about-container{
	padding-top: 30px;
	padding-bottom: 30px;
	background-color: #e3e3e3!important;
}
.tours-container{
	padding-top: 30px;
	padding-bottom: 30px;
	background-color: #fff!important;
}

.months-container{
	padding-top: 30px;
	padding-bottom: 30px;
	background-color: #fff!important;
}
.specialists-container{
	padding-top: 30px;
	padding-bottom: 30px;
	background-color: #849569!important;
}

.home-blog-container {
	display: flex;
	flex-wrap: wrap;
}

.home-blog-image {
	width: 20%;
	margin: 0;
	padding: 0;
	overflow: hidden;
	cursor: pointer;
	transition: transform 0.3s;
}
.bg-custom{
	background-color: #eaf5f1;
}
.card-custom {
	border: none !important;
	border-radius: 16px !important;
	overflow: hidden;
	position: relative;
	height: 100%;
	cursor: pointer;
}
.card-custom img {
	width: 100%;
	height: 400px;
	object-fit: cover;
	display: block;
	cursor: pointer;
	transition: all 0.5s ease;
}
.card-title-box {
	position: absolute;
	bottom: 20px;
	left: 50%;
	transform: translateX(-50%);
	background-color: white;
	padding: 10px 25px;
	border-radius: 12px;
	font-size: 1.5rem;
	font-weight: 600;
	color: black;
	text-align: center;
	box-shadow: 0 4px 10px rgba(0,0,0,0.1);
	transition: all 0.5s ease;
	cursor: pointer;
	width: 70%;
}
.card-custom:hover .card-title-box {
	bottom: 40px; /* lift up */
	background-color: #f8d347; /* change this to your preferred color */
	color: #000;
}
.card-custom:hover .custom-img {
	width: 110%;
	position: relative;
}

.home-blog-image:hover {
	transform: scale(1.05);
}

.home-blog-image img {
	width: 100%;
	height: auto;
	display: block;
}
.blogs-container{
	padding-top: 30px;
	padding-bottom: 30px;
	background-color: #f7f7f7!important;
}
.media-container{
	padding-top: 30px;
	padding-bottom: 30px;
	background-color: #fff!important;
}
.clients-container{
	padding-top: 30px;
	padding-bottom: 30px;
	background-color: #fff!important;
}
.home-client-carousel-item {
	height: 400px;
}

.home-client-carousel-item .home-client-content {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: 100%;
	background-color: #7ebec5;
	color: #fff;
	text-align: center;
	padding: 20px;
}

.experts-banner {
	position: relative;
	width: 100%;
	height: auto;
}
.experts-overlay {
	position: absolute;
	bottom: 120px;
	left: 0;
	padding: 60px;
}
.experts-btn{
	border: 2px solid #fff !important;
	border-radius: 15px !important;
	transition: .5s ease !important;
	letter-spacing: 1.5px !important;
	font-weight: 500 !important;
	color: #fff !important;
}
.experts-btn:hover{
	transform: scale(1.1);
	/*font-size: larger !important;*/
	transition: .5s ease !important;
}
.nav-tabs {
	display: flex !important;
	width: 100% !important;
}

.nav-link {
	flex-grow: 1 !important;
	text-align: center !important;
}
.tab_link{
	font-weight: 500 !important;
}
.region-banner-overlay {
	position: absolute !important;
	top: 50%  !important;
	left: 50% !important;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	font-size: 3rem;
	font-weight: 500;
	text-align: center;
	font-family: "Marcellus", serif !important;
}

.region-container{
	padding-top: 60px;
	padding-bottom: 60px;
	background-color: #fff!important;
}
.region-banner-card::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.7);
}
.region-banner-card{
	border: 0 solid !important;
}
.region-banner-img{
	border-radius: 0 !important;
	max-height: 400px;
	object-fit: cover;
}
.highlight-li{
	font-weight: 400;
	font-size: 1.2rem;
}
.accordion-map-container{
	height: 550px;
	background-color: #f2f7f7 !important;
}

/*
#accordionItinerary{
	background-color: #f2f7f7 !important;
}
.accordion-itinerary-item{
	background-color: #f2f7f7 !important;
}
.accordion-itinerary-button{
	background-color: #f2f7f7 !important;
}
*/
footer{
	position: relative;
	top: 114px;
}
.footer{
	background-color: #000;
	padding-top: 30px;
}
.footer-logo{
}


.logos-item{
	display: inline-block;
	font-size: 2rem;
}
.footer-links, .footer-links:link, .footer-links:hover, .footer-links:active {
  text-decoration: none !important;
	color: inherit;

}
.why-book-card{
	border: 0px  !important;
	padding: 15px !important;
	border-radius: 15px !important;
	background-color: #f7f7f7 !important;
}
.why-book-img{
	border-radius: 15px !important;
}
.blog-card{
	transition: .5s;
	cursor: pointer;
}
.blog-card:hover{
	transform: scale(1.05);
	transition: .5s;
}
.highlight-card{
	font-size: 1.1rem;
	padding: 12px;
	display: inline-block !important;
	border-radius: 10px !important; 
	box-shadow: 0px 0px 10px 10px #f7f7f7;
	margin-right: 10px;
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 20px;
}
.check_icon{
	color: #6d6935;
}
.help-card{
	padding: 15px !important;
	border-radius: 10px !important; 
	/*box-shadow: 0px 0px 10px 10px #f7f7f7;*/
	background-color: #f7f7f7 !important;
	border: 0px !important;
}
.call-btn{
	background-color: #6d6935 !important;
	color: #fff !important;
	
}

.nav-tabs{
--bs-nav-link-padding-x: 1.7rem !important;
}

.theme-card-body{
padding:6px !important;
}

.theme-card-title{
font-size:1.1rem !important;
}
.experts_overlay{
      position: absolute;
      bottom: 20px; /* Adjust the distance from the bottom as needed */
      left: 20px; /* Adjust the distance from the left as needed */
      color: white;
}
.success-container{
	border-radius: 20px;
	box-shadow: 0 0 5px 5px #f7f7f7;
	margin-top: 50px;
	margin-bottom: 50px;
	padding-top: 30px;
	padding-bottom: 30px;
}
/*.success-content{
    border-left: 6px solid #6d6935 !important;
    border-right: 6px solid #6d6935 !important;
}*/
.contact-input{
	padding: 15px !important;
}

.footer_link:link, .footer_link:visited, .footer_link:hover, .footer_link:active { 
	text-decoration: none;
	color:white ;
}
.text_break{
	white-space: pre-line !important;
}

.footer-banner-overlay {
	position: absolute !important;
	top: 85%  !important;
	left: 10% !important;
	-ms-transform: translate(-50%, -50%) !important;
	transform: translate(-50%, -50%) !important;
	
	text-align: center;
}
.footer-banner-card::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/*background-color: rgba(0, 0, 0, 0.4);*/
}
.footer-banner-card{
	border: 0 solid !important;
}

  /* Style for the floating WhatsApp icon */
  .whatsapp-icon {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 60px;
    height: 60px;
    background-color: #25D366;
    border-radius: 50%;
    text-align: center;
    line-height: 60px;
    cursor: pointer;
    z-index: 999;
  }
  .whatsapp-icon a {
    color: white;
    font-size: 40px;
    text-decoration: none;
  }

 #india-map {
    position: relative;
    max-width: 100%;
    width: 1200px; /* Adjust the width of the map as needed */
    margin: 0 auto; /* Center the map horizontally */
  }

  #india-map img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto; /* Center the image horizontally */
  }

  .city-label {
    position: absolute;
    color: #000;
    font-weight: bold;
    font-size: 15px;
    z-index: 3; /* Higher value to ensure it's on top */
    padding: 2px 6px;
    background-color: rgba(255, 255, 255, 0.8); /* Add a transparent background */
    border-radius: 4px;
    text-align: center;
	  text-decoration: none;}

 

.hover-button-back{
	border: 1px solid #000;
	padding: 10px;
	background-color: #fff;
	transition: .5s;
	font-size: 18px;
	padding-left: 30px;
}
.hover-button {
	transition: .5s;
	color: #000;
}

.hover-button:hover {
	background-color: #f9f9f9;
	border: 1px solid #f9f9f9;
	transition: .5s;
	padding-right: 30px;
}

.hover-button-icon{
	opacity: 0;
	transition: opacity 0.3s;
}

.hover-target:hover .hover-button-icon{
	opacity: 1;
}
.jump-container{
	background-color: aliceblue;
}
.jump{
	display: flex;
	padding-top: 20px;
	padding-bottom: 20px;
}
.jump-link{
	padding-left: 15px;
	padding-right: 15px;
}
.jump-link a{
	color: #5d726d;
	text-decoration: none !important;
}
.jump-link a:hover{
	color: #000;
}
.pgs{
	display: flex;
}
.pg-col{
	padding: 20px;
	cursor: pointer;
}
.pg-img{
	border-radius: 50% !important;
}

.br-999 {
	border-radius: 999px !important;
}
.br-0 {
	border-radius: 0px !important;
}
.toggle {
	position: absolute;
	top: 15px;
    right: 7%;
	border: 0 !important;
	-ms-transform: translateY(-50%);
    /* transform: translateY(-50%); */
    /* left: 50px; */
	width: 40px;
	height: 40px;
	cursor: pointer;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	z-index: 9;
}

.toggle span {
	height: 2px;
	margin: 3px 5px;
	width: 25px;
	display: block;
	background: #fff;
	transition: all 0.3s ease;
}

.toggle span:nth-child(2) {
	width: 25px;
	margin-left: -10px;
}
.toggle.active span:nth-child(1) {
	color: #fff;
	transform: rotate(-45deg) translate(-5px, 6px);
}
.toggle.active span:nth-child(2) {
	opacity: 0;
}
.toggle.active span:nth-child(3) {
	color: #fff;
	transform: rotate(45deg) translate(-6px, -7px);
}	
@keyframes zoomOut {
	0% {
		transform: translate(-50%, -50%) scale(1.5);
		opacity: 0;
	}
	100% {
		transform: translate(-50%, -50%) scale(1);
		opacity: 1;
	}
}
@keyframes zoomOutStatic {
	0% {
		transform: scale(1.5);
		opacity: 0;
	}
	100% {
		transform: scale(1);
		opacity: 1;
	}
}
.zoom-out {
	animation: zoomOut 0.8s ease-out forwards;
}
.zoom-out-static {
	animation: zoomOutStatic 0.8s ease-out forwards;
}
/* Banner height */
.banner-wrapper {
  height: 300px;
  overflow: hidden;
  position: relative;
}

.banner-img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

/* Banner text */
.banner-title h2 {
  font-size: 2.5rem;
  background: rgba(0, 0, 0, 0.5);
  padding: 10px 20px;
  border-radius: 5px;
}

.mobile-title h2 {
  font-size: 1.8rem;
  color: #333;
}

@media (min-width: 992px) {
	.col-left {
		padding-right: 28px;
	}

	.col-right {
		padding-left: 28px;
	}

	.top-right-img {
		margin-bottom: 26px;
	}
}

@media (max-width: 991.98px) {
	.lead-copy {
		margin-bottom: 20px;
	}

	.top-right-img {
		margin-top: 10px;
		margin-bottom: 20px;
	}
}
@media (max-width:575.98px) {
	.trip-title {
		font-size: 1rem
	}

	.trip-body {
		padding: 12px 14px 16px
	}
}
@media only screen and (max-width: 767px) {
	.accordion-map-container {
		height: 100% !important;
		max-height: 100% !important;
		margin-right: 0 !important;
	}

	.p_map {
		max-width: 400px !important;
	}
}

/* Media query for tablet devices */
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.accordion-map-container {
		height: 100% !important;
		max-height: 100% !important;
	}

	.p_map {
		max-width: 100% !important;
	}
}
/* Media query for mobile devices */
@media only screen and (max-width: 767px) {
	.logo-nav {
		max-width: 70px;
	}

	.green-nav {
		display: none !important;
	}

	.top-white-navbar {
		background-color: #849569 !important;
	}

	.green-nav-item {
		display: block !important;
	}

	.white-nav-link {
		color: #fff !important;
	}

	.home-logo-black {
		display: none !important;
	}

	.trio {
		display: none !important;
	}

	.small-show {
		display: block !important;
	}
}

/* Media query for tablet devices */
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.green-nav {
		display: none !important;
	}

	.top-white-navbar {
		background-color: #6d6935 !important;
	}

	.green-nav-item {
		display: block !important;
	}

	.white-nav-item {
		color: #fff !important;
	}

	.home-logo-black {
		display: none !important;
	}
}

/* Media query for laptops */
@media only screen and (min-width: 991px) {
	.home-logo-white {
		display: none !important;
	}
}

/* Media query for mobile devices */
@media only screen and (max-width: 767px) {
	.home-banner-title {
		font-size: 18px !important;
	}

	.home-banner-desc {
		font-size: 15px !important;
	}

	.home-banner-caption {
		/* top: 20% !important; */
	}
}

/* Media query for tablet devices */
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.home-banner-title {
		font-size: 20px !important;
	}

	.home-banner-desc {
		font-size: 20px !important;
	}

	.home-banner-caption {
		top: 20% !important;
	}
}
/* Media query for mobile devices */
@media only screen and (max-width: 767px) {
	.home-blog-image {
		width: 80%;
		margin: 10%;
		overflow: hidden;
		transition: transform 0.3s;
	}
}

/* Media query for tablet devices */
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.home-blog-image {
		width: 80%;
		margin: 10%;
		overflow: hidden;
		transition: transform 0.3s;
	}
}
@media only screen and (max-width: 767px) {
	.region-banner-overlay {
		font-size: 1rem;
	}
}

/* Media query for tablet devices */
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.region-banner-overlay {
		font-size: 2rem;
	}
}
/* Media query for mobile devices */
@media only screen and (max-width: 767px) {
	.footer-items {
		padding-left: 50px !important;
		padding-right: 50px !important;
	}
}

/* Media query for tablet devices */
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.footer-items {
		padding-left: 50px !important;
		padding-right: 50px !important;
	}
}
/* Media query for mobile responsiveness */
@media (max-width: 768px) {
	#india-map {
		display: none;
	}

	.city-label {
		font-size: 10px;
		/* Adjust font size for mobile devices */
	}
}
@media (max-width: 768px) {
	.pgs {
		display: block;
	}

	.footer {
		max-width: 95vw;
	}

	.footer-container {
		background-color: #000;
	}

	#map iframe {
		overflow: hidden !important;
		width: 100vw !important;
	}
}
/* In responsive (1 column), keep nice aspect ratios */
@media (max-width: 991.98px) {

	.slot-wideA,
	.slot-wideB,
	.slot-wideC {
		aspect-ratio: 16/9;
	}

	.slot-tall {
		aspect-ratio: 3/4;
	}

	.slot-stack {
		grid-template-columns: 1fr 1fr;
	}
}

/* responsive heights */
@media (min-width: 1400px) {
	.style-grid {
		grid-template-rows: 300px 300px;
	}
}

@media (max-width: 991.98px) {

	/* stack on tablets/phones */
	.style-grid {
		grid-template-columns: 1fr;
		grid-template-rows: auto;
		grid-template-areas: none;
	}
}
 @media (max-width: 767.98px) {
 	.plane {
 		display: none;
 	}

 	.curl {
 		right: -6%;
 		width: 70%;
 	}

 	.testi-inner {
 		padding: 44px 14px 30px;
 	}
 }

@media (max-width: 1024px) {
	.dc-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 790px) {
	.dc-grid {
		grid-template-columns: 1fr;
	}
}
@media (max-width:640px) {
	.xtr-row {
		grid-template-columns: 84px 24px 1fr
	}

	.xtr-itin {
		--xtr-daycol: 84px
	}

	.xtr-lead {
		font-size: 16px
	}

	.xtr-body {
		padding-left: calc(var(--xtr-daycol) + var(--xtr-gap) + 24px);
	}
}
/* Responsive */
@media (max-width: 992px) {
	.search-container{
		display: none !important;
	}
	.navbar-brand {
		/* position: absolute;
		top: 0;
		left: 50%;
		transform: translateX(-50%); */
		margin: 0 !important;
		padding: 0 !important;
	}
}

/* Desktop: open dropdowns on hover */
@media (min-width: 992px) {
	.navbar .dropdown {
		position: relative;
	}

	.navbar .dropdown:hover>.dropdown-menu {
		display: block;
		visibility: visible;
		opacity: 1;
	}

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

	/* Invisible hover area between link and dropdown */
	.navbar .dropdown::after {
		content: "";
		position: absolute;
		top: 100%;
		/* right below the link */
		left: 0;
		width: 100%;
		height: 20px;
		/* adjust if your gap is larger */
		background: transparent;
	}

	.navbar .dropdown:hover>.nav-link {
		background: #012c18;
		color: #fff !important;
	}
}

/* Keep items centered & readable on small screens */
@media (max-width: 991.98px) {
	.center-nav {
		position: static;
		transform: none;
		gap: 6px;
	}

	.navbar .nav-link {
		color: #111;
	}

	/* collapsed menu on white */
	.dropdown-menu {
		margin-top: 0;
	}
	.nav-logo {
		max-width: 180px;
	}

	.nav-link {
		color: #000;
	}

	.dropdown-toggle::after {
		display: none !important;
	}
}
/* spacing on large screens to mimic the screenshot’s airy layout */
@media (min-width:992px) {
	.ftz-footer .row {
		padding-block: 10px;
	}
}
/* =========================
   Mobile (1 image per row)
   ========================= */
@media (max-width: 767.98px) {

	/* Reduce side padding so cards can be full-width */
	.travel-style-wrap {
		padding-left: 16px;
		padding-right: 16px;
		border-radius: 14px;
	}

	.style-title {
		font-size: 1.6rem;
		line-height: 1.15;
		margin-bottom: 16px;
	}

	/* One column grid */
	.style-grid {
		grid-template-columns: 1fr;
		grid-template-rows: none;
		/* allow auto rows */
		grid-template-areas:
			"wideA"
			"tall"
			"wideB"
			"stack"
			"wideC";
		gap: 14px;
	}

	/* Make every card full width + same height on mobile */
	.style-card {
		width: 100%;
		height: 260px;
		/* change if you want taller/shorter */
		border-radius: 0px;
	}

	/* The nested (two small) cards should also become 1-per-row */
	.slot-stack {
		display: grid;
		grid-template-columns: 1fr;
		/* 1 per row */
		gap: 14px;
	}

	/* Slightly smaller caption for mobile */
	.style-title-caption {
		left: 16px;
		bottom: 14px;
		font-size: 18px;
	}
}
@media (max-width: 767px) {

	/* remove vertical line */
	.xtr-itin::before {
		display: none;
	}

	/* stack everything full width */
	.xtr-row {
		grid-template-columns: 1fr;
		gap: 0;
		padding: 14px 0;
	}

	/* hide day text */
	.xtr-day {
		display: none;
	}

	/* hide timeline & dot */
	.xtr-timeline,
	.xtr-dot {
		display: none;
	}

	/* header full width */
	.xtr-head {
		grid-column: 1 / -1;
		padding: 6px 0;
	}

	/* body full width */
	.xtr-body {
		grid-column: 1 / -1;
		padding-left: 0;
	}

	/* spacing tweak */
	.xtr-body p {
		margin-top: 8px;
	}

	/* divider full width */
	.xtr-div {
		margin-left: 0;
	}
}