/* --- Global Typography --- */
:root {
	/* Colors */
	--primary-color: #000;
	/* Used for active states, icons, and hover */
	--text-color-dark: #333;
	--text-color-medium: #555;
	--text-color-light: #f8f9fa;
	/* Light background on hover */
	--text-color-title: #343a40;
	/* Darker title color */
	--white-color: #ffffff;
	--black-color: #000;
	--border-color-light: #e0e0e0;
	--border-color-lighter: #f0f0f0;
	--border-color-lightest: #eee;
	--shadow-color-light: rgba(0, 0, 0, 0.05);
	--shadow-color-medium: rgba(0, 0, 0, 0.1);
	--shadow-color-dark: rgba(0, 0, 0, 0.2);
	--overlay-color-dark: #00000044;
	--overlay-color-gradient-dark: rgb(0 0 0 / 91%);
	--testimonial-star-color: #fbbf24;
	/* yellow-400 */
	--card-background-blend-color: rgba(49, 58, 67, 0.7);
	--primary-bg-color: #ffffff;
	--primary-text-color: #1e88e5;
	--secondary-bg-color: #f2f3f4;

	/* Fonts */
	--font-family-inter: "Inter", sans-serif;
	--font-weight-normal: 400;
	--font-weight-medium: 500;
	--font-weight-semibold: 600;
	--font-weight-bold: 700;
	--font-size-base: 15px;
	--font-size-sm: 10px;
	--font-size-md: 11px;
	--font-size-lg: 18px;
	--font-size-xl: 22px;
	--font-size-title: 1.05rem;
	--font-size-icon-lg: 1.2em;

	/* Spacing */
	--spacing-xxs: 0.1rem;
	--spacing-xs: 0.4rem;
	--spacing-sm: 0.5rem;
	--spacing-md: 0.6rem;
	--spacing-lg: 0.75rem;
	--spacing-xl: 0.8rem;
	--spacing-xxl: 1rem;
	--spacing-xxxl: 1.2rem;
	--spacing-xxxxl: 1.5rem;
	--spacing-xxxxxl: 2rem;
	--spacing-xxxxxxl: 2.5rem;
	--spacing-xxxxxxxl: 3rem;
	--padding-card-content: 10px 16px;

	/* Borders & Radii */
	--border-width-sm: 1px;
	--border-radius-sm: 5px;
	--border-radius-md: 8px;
	--border-radius-lg: 10px;
	--border-radius-xl: 12px;
	--border-radius-full: 50%;

	/* Transitions */
	--transition-speed-fast: 0.2s;
	--transition-speed-medium: 0.3s;
	--transition-ease-in-out: ease-in-out;
}

body {
	font-family: var(--font-family-inter);
	color: var(--text-color-dark);
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}

/* Use your custom black for primary buttons */
.btn-primary {
	background-color: var(--black-color) !important;
	border-color: var(--black-color) !important;
	color: var(--white-color) !important;
	box-shadow: none;
}

/* On hover/focus/active: slightly lighter black or grey */
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
	background-color: #111111c9 !important;
	/* dark grey */
	border-color: #111 !important;
	color: var(--white-color) !important;
}

/* Outline Primary Button in Black */
.btn-outline-primary {
	color: var(--black-color) !important;
	border-color: var(--black-color) !important;
	background-color: transparent !important;
	box-shadow: none;
}

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

.nav-pills .nav-link {
	color: var(--black-color);
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
	background-color: var(--black-color);
}

/* On hover/focus/active: fill black background, white text */
.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active {
	background-color: var(--black-color) !important;
	color: var(--white-color) !important;
	border-color: var(--black-color) !important;
}

/* --- Navbar Styling --- */
.navbar-wraper .navbar {
	background-color: var(--white-color);
	border-bottom: var(--border-width-sm) solid var(--border-color-light);
	box-shadow: 0 2px 8px var(--shadow-color-light);
}

.navbar-wraper .navbar-brand {
	font-weight: var(--font-weight-bold);
	color: var(--text-color-title);
}

.navbar-wraper .navbar-nav .nav-link {
	color: var(--text-color-medium);
	font-weight: var(--font-weight-medium);
	padding: var(--spacing-sm) var(--spacing-sm);
	transition: color var(--transition-speed-fast) var(--transition-ease-in-out);
	font-size: var(--font-size-base);
}

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

/* --- Mega Menu Specific Styling --- */
@media (min-width: 992px) {
	.navbar-wraper .dropdown.position-static .dropdown-menu {
		display: block;
		opacity: 0;
		visibility: hidden;
		transform: translateY(10px);
		transition: opacity var(--transition-speed-medium) var(--transition-ease-in-out),
			transform var(--transition-speed-medium) var(--transition-ease-in-out),
			visibility var(--transition-speed-medium) var(--transition-ease-in-out);
		pointer-events: none;
	}

	.navbar-wraper .dropdown.position-static:hover>.dropdown-menu {
		opacity: 1;
		visibility: visible;
		transform: translateY(0);
		pointer-events: auto;
	}

	.navbar-wraper .dropdown-menu {
		width: 90%;
		max-width: 1200px;
		left: 10%;
		transform: translateX(-50%) translateY(10px);
		top: 80%;
		padding: var(--spacing-xxxxxxl) var(--spacing-xxxxxxxl);
		border: var(--border-width-sm) solid rgba(0, 0, 0, 0.08);
		border-radius: var(--border-radius-lg);
		box-shadow: 0 8px 30px var(--shadow-color-medium);
		background-color: var(--white-color);
		overflow: hidden;
	}

	/* Hover Arrow Styling */
	.navbar-wraper .navbar-nav .nav-item.dropdown {
		position: relative;
	}

	.navbar-wraper .navbar-nav .nav-item.dropdown>.nav-link::after {
		content: "";
		position: absolute;
		bottom: -8px;
		left: 50%;
		transform: translateX(-50%) scale(0);
		border-left: 8px solid transparent;
		border-right: 8px solid transparent;
		border-bottom: 8px solid var(--white-color);
		transition: transform var(--transition-speed-medium) ease,
			opacity var(--transition-speed-medium) ease;
		opacity: 0;
		pointer-events: none;
		z-index: 1051;
	}

	.navbar-wraper .navbar-nav .nav-item.dropdown:hover>.nav-link::after {
		transform: translateX(-50%) scale(1);
		opacity: 1;
	}

	/* Adjust dropdown-menu position to align with the arrow */
	.navbar-wraper .dropdown-menu {
		margin-top: 8px;
	}
}

/* --- Mega Menu Columns and Links --- */
.navbar-wraper .dropdown-columns {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	gap: var(--spacing-xxxxxxl);
}

.navbar-wraper .sub-columns {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
	gap: var(--spacing-md) var(--spacing-xxl);
}

.navbar-wraper .dropdown-item-title {
	font-weight: var(--font-weight-semibold);
	font-size: var(--font-size-title);
	margin-bottom: var(--spacing-xxxl);
	padding-bottom: var(--spacing-xl);
	border-bottom: var(--border-width-sm) solid var(--border-color-lighter);
	color: var(--text-color-title);
	display: flex;
	align-items: center;
}

.navbar-wraper .dropdown-item-title i {
	font-size: var(--font-size-icon-lg);
	margin-right: var(--spacing-xl);
	color: var(--primary-color);
}

.navbar-wraper .dropdown-item-link {
	display: block;
	color: var(--text-color-medium);
	text-decoration: none;
	padding: var(--spacing-xs) var(--spacing-md);
	margin: var(--spacing-xxs) calc(-1 * var(--spacing-md));
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	transition: all var(--transition-speed-fast) ease;
	border-radius: var(--border-radius-sm);
}

.navbar-wraper .dropdown-item-link:hover {
	background-color: var(--text-color-light);
	color: var(--primary-color);
	text-decoration: none;
}

.navbar-wraper .dropdown-menu .btn {
	margin-top: var(--spacing-xxxxxl);
	padding: var(--spacing-lg) var(--spacing-xxxxxl);
	font-weight: var(--font-weight-semibold);
	border-radius: var(--border-radius-md);
}

/* --- Mobile specific styles for Offcanvas and Accordion --- */
@media (max-width: 991.98px) {
	.navbar-wraper .navbar {
		box-shadow: none;
		border-bottom: none;
	}

	.navbar-wraper .offcanvas-header {
		border-bottom: var(--border-width-sm) solid var(--border-color-lightest);
	}

	.navbar-wraper .dropdown-menu {
		width: auto;
		left: 0;
		transform: none;
		top: auto;
		padding: 0;
		box-shadow: none !important;
		display: none !important;
		margin-top: 0;
		border: none;
		border-radius: 0;
	}

	.navbar-wraper .offcanvas-body .accordion-item {
		border: none;
	}

	.navbar-wraper .offcanvas-body .accordion-button {
		font-weight: var(--font-weight-semibold);
		padding: var(--spacing-xxl) var(--spacing-xxxxxl);
		border-bottom: var(--border-width-sm) solid var(--border-color-lightest);
	}

	.navbar-wraper .offcanvas-body .accordion-button:not(.collapsed) {
		background-color: var(--text-color-light);
		color: var(--primary-color);
	}

	.navbar-wraper .offcanvas-body .accordion-body {
		padding: 0;
		background-color: #fdfdfd;
		/* Specific very light background */
	}

	.navbar-wraper .offcanvas-body .list-unstyled li a {
		padding: var(--spacing-lg) var(--spacing-xxxxxl) var(--spacing-lg) 2.5rem;
		border-bottom: var(--border-width-sm) solid var(--border-color-lightest);
		display: block;
		text-decoration: none;
		color: var(--text-color-title);
		transition: background-color var(--transition-speed-fast) ease;
	}

	.navbar-wraper .offcanvas-body .list-unstyled li:last-child a {
		border-bottom: none;
	}

	.navbar-wraper .offcanvas-body .list-unstyled li a:hover {
		background-color: #e9ecef;
		/* Specific light background on hover */
		color: var(--primary-color);
	}
}

/* --- Swiper Hero Section --- */
.heroSwiper.swiper.mySwiper {
	width: 100%;
	height: 80vh;
}

.heroSwiper .swiper-slide {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
}

.heroSwiper .hero-overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: var(--overlay-color-dark);
	z-index: 1;
}

.hero-caption {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	transform: translate(-50%, -50%);
	color: #fff;
	text-align: center;
	padding: 2rem;
}

.hero-caption h1 {
	font-size: 3rem;
	font-weight: 700;
	letter-spacing: 1px;
	text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.7);
}

.hero-caption p {
	font-size: 1.5rem;
	font-weight: 400;
	margin-top: 1rem;
	text-shadow: 1px 1px 8px rgba(0, 0, 0, 0.6);
}

/* Optional Responsive */
@media (max-width: 768px) {
	.hero-caption h1 {
		font-size: 2rem;
	}

	.hero-caption p {
		font-size: 1rem;
	}
}

.heroSwiper .swiper-slide img,
.heroSwiper .swiper-slide #slide-video {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.heroSwiper .swiper-button-custom {
	position: absolute;
	top: 50%;
	z-index: 10;
	width: 44px;
	height: 44px;
	margin-top: -22px;
	color: var(--white-color);
	background: rgba(0, 0, 0, 0.5);
	/* Specific dark transparent background */
	border-radius: 10%;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	visibility: visible;
	opacity: 1;
	transition: var(--transition-speed-medium);
}

.heroSwiper .swiper-button-prev-custom {
	left: 10px;
}

.mySwiper:hover .swiper-button-custom {
	visibility: visible;
	opacity: 1;
}

.heroSwiper .swiper-button-next-custom {
	right: 10px;
}

/* --- Top Destination Cards --- */
.top-destination a {
	text-decoration: none;
}

.top-destination .card {
	height: 276px;
	background-size: cover;
	background-color: var(--card-background-blend-color);
	background-blend-mode: multiply;
	color: var(--white-color);
}

.top-destination .card .card-content {
	display: flex;
	align-items: left;
	justify-content: space-between;
	flex-direction: column;
	width: 198px;
	height: 250px;
	padding: var(--padding-card-content) !important;
}

.top-destination .card .card-content .cityname {
	font-size: var(--font-size-lg) !important;
	margin-top: 10px;
	font-weight: var(--font-weight-semibold);
}

.top-destination .card .card-content .startfrom {
	margin-top: 48px;
	font-size: var(--font-size-sm) !important;
	text-transform: uppercase;
	line-height: 12px;
}

.top-destination .card .card-content .startprice {
	display: flex;
	flex-direction: column-reverse;
	font-size: var(--font-size-xl) !important;
	font-weight: var(--font-weight-medium);
}

.swiper-button-next,
.swiper-button-prev {
	color: var(--black-color);
	background: var(--white-color);
	border-radius: var(--border-radius-full);
	padding: 10px;
	box-shadow: 0 0 10px var(--shadow-color-dark);
}

.swiper-button-next::after,
.swiper-button-prev::after {
	font-size: var(--font-size-lg);
}

@media (max-width: 768px) {

	.swiper-button-next,
	.swiper-button-prev {
		display: none;
	}
}

/* --- Top Domestic Destination Cards --- */
.top-domesticdestination .card {
	border: none;
	overflow: hidden;
}

.top-domesticdestination .card img {
	width: 100%;
	object-fit: cover;
}

.top-domesticdestination .startfrom {
	font-size: var(--font-size-md);
}

.top-domesticdestination .card-overlay {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: var(--spacing-xxl);
	background: linear-gradient(to top,
		var(--overlay-color-gradient-dark),
		transparent);
	color: var(--white-color);
}

.swiper-button-prev-custom,
.swiper-button-next-custom {
	cursor: pointer;
}

/* --- Top International Destination Cards --- */
.top-internationaldestination .card {
	border: none;
	overflow: hidden;
}

.top-internationaldestination .card img {
	width: 100%;
	object-fit: cover;
}

.top-internationaldestination .startfrom {
	font-size: var(--font-size-md);
}

.top-internationaldestination .card-overlay {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: var(--spacing-xxl);
	background: linear-gradient(to top,
		var(--overlay-color-gradient-dark),
		transparent);
	color: var(--white-color);
}

/* --- Testimonial Card --- */
.testimonial-card {
	transition: all var(--transition-speed-medium) ease;
	border: var(--border-width-sm) solid var(--border-color-lightest);
	background: #f1f2f3;
	border-radius: var(--border-radius-xl);
	height: 100%;
	min-height: 220px;
}

.testimonial-card:hover {
	box-shadow: 0 0 15px var(--shadow-color-medium);
}

.testimonial-rating i {
	color: var(--testimonial-star-color);
}

/* individual page */
.packageSwiper .swiper-slide {
	width: 100%;
	border-radius: 10px;
	/* border: 1px solid #000; */
	height:auto;
	overflow: hidden;
}

.packageSwiper .slide-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 8px;
}

/* Swiper custom arrows styling */
.packageSwiper .swiper-button-custom {
	position: absolute;
	top: 50%;
	z-index: 10;
	width: 40px;
	height: 40px;
	font-weight: 700;
	color: var(--white-color);
	background: var(--black-color);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transform: translateY(-50%);
}

.packageSwiper .swiper-button-prev-custom {
	left: 15px;
}

.packageSwiper .swiper-button-next-custom {
	right: 15px;
}

.packageSwiper .swiper-slide .package-slider-overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: #00000021;
}

.adventure-scroll {
	border-bottom: 1px solid #ddd;
}

.adventure-scroll__menu__list {
	display: flex;
	overflow-x: auto;
	scrollbar-width: none;
	/* Firefox */
}

.adventure-scroll__menu__list::-webkit-scrollbar {
	display: none;
	/* Chrome, Safari */
}

.adventure-scroll .nav-link {
	color: var(--text-color-medium);
	white-space: nowrap;
}

.adventure-scroll .nav-link.active {
	color: var(--black-color);
	border-bottom: 2px solid var(--black-color);
}

.fighlightsCard .card-header {
	background-color: var(--white-color);
	position: relative;
}

.fighlightsCard .card-header::before {
	content: "";
	background: var(--primary-color);
	width: 5px;
	height: 33px;
	/* display: block; */
	position: absolute;
	left: 0px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	top: 50%;
	transform: translateY(-50%);
}

.fighlightsCard .card-header {
	border: none !important;
}

.fighlightsCard .card-header h5 {
	font-weight: bold;
}

.custom-itinerary-accordion .accordion-item {
	margin-bottom: 5px;
	border-radius: 10px;
	box-shadow: 1px 1px 4px rgba(66, 73, 77, 0.189);
	overflow: hidden;
}

.custom-itinerary-accordion .accordion-button {
	background-color: var(--white-color);
	font-weight: 600;
	border: none;
	box-shadow: none;
	transition: background-color 0.2s ease;
}

.custom-itinerary-accordion .accordion-button:not(.collapsed) {
	background-color: #e9ecef;
}

.custom-itinerary-day-count span {
	width: 40px;
	height: 40px;
	background-color: var(--black-color);
	color: #fff;
	font-weight: bold;
	font-size: 18px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
}

.custom-itinerary-title {
	font-size: 1rem;
	font-weight: 500;
}

.custom-itinerary-extra {
	font-style: italic;
	color: #6c757d;
}

.custom-itinerary-meals li {
	position: relative;
	padding-left: 1.25rem;
	margin-bottom: 0.25rem;
}

.custom-itinerary-meals li::before {
	content: "";
	position: absolute;
	left: 0;
}

html {
	scroll-behavior: smooth;
}

.booking-card {
	border-radius: 10px;
	position: sticky;
}

@media (min-width: 768px) {

	/* Bootstrap's md breakpoint */
	.booking-card {
		position: relative;
		top: 0;
	}
}

.booking-card .price {
	color: var(--text-color-dark);
	font-weight: var(--font-weight-bold);
}

.booking-card .startfrom {
	color: var(--text-color-medium);
	font-size: 13px;
	text-transform: uppercase;
}

.booking-card .startfrom .inclusionModal {
	font-size: 15px;
	color: var(--text-color-medium);
	text-align: left;
}

/* Main navbar styling */
.nav-wraper .navbar {
	background-color: var(--primary-bg-color) !important;
	transition: top 0.2s ease-in-out;
	font-family: "Inter", sans-serif;
	font-size: 15px;
	font-weight: 500;
	padding-top: 0.5rem;
	border-bottom: 1px solid rgba(0, 0, 0, 0.121);
	padding-bottom: 0.5rem;
}

.nav-wraper .navbar:hover {
	background-color: #fff !important;
	box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px,
		rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}

.nav-wraper .fixed-top {
	background-color: #fff;
	position: sticky !important;
	top: 0;
	right: 0;
	left: 0;
	z-index: 1030;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px,
		rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}

/* Logo */
.nav-wraper .navbar-brand img {
	max-height: 50px;
}

.nav-wraper .navbar-brand {
	color: var(--primary-color) !important;
	font-size: 2rem;
	font-weight: 800;
}

/* TOP HEADER NAV LINKS */
.nav-wraper .top__header .nav-item .nav-link {
	font-size: 14px;
	color: #383838 !important;
	font-weight: 600;
	padding: 4px 8px;
	transition: 0.3s;
	text-transform: uppercase;
}

.nav-wraper .top__header .nav-link:hover {
	color: var(--primary-color) !important;
}

/* BOTTOM HEADER NAV LINKS */
.nav-wraper .bottom__header .nav-item .nav-link {
	font-size: 15px;
	color: #000000cf !important;
	padding: 4px 8px;
	transition: 0.3s;
	text-transform: uppercase;
}

.nav-wraper .bottom__header .nav-link:hover,
.nav-wraper .bottom__header .nav-item.active .nav-link {
	color: var(--primary-color) !important;
	/* font-weight: 600; */
}

/* Login icon circle */
.nav-wraper .login__icon {
	padding: 2px 6px;
	border-radius: 50%;
	border: 1px solid var(--primary-text-color);
	margin-right: 5px;
}

/* Navbar toggler (for mobile) */
.nav-wraper .navbar-toggler {
	border: none;
	box-shadow: none;
}

.footer-package-section {
	background-color: transparent;
	position: relative;
	overflow: hidden;
	z-index: 9;
	background-image: url("https://www.bhurr.co.in/new-layouts/assets/image/bg/footer-bg.webp");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.footer-package-section .footer-logo {
	max-height: 60px;
}

.footer-package-section .footer-title {
	font-weight: 600;
	margin-bottom: 1rem;
	position: relative;
}

.footer-package-section .footer-title::after {
	content: "";
	width: 40px;
	height: 2px;
	background-color: #000;
	position: absolute;
	left: 0;
	bottom: -6px;
}

.footer-package-section .footer-links li {
	margin-bottom: 6px;
}

.footer-package-section .footer-links a {
	color: #555;
	text-decoration: none;
	transition: 0.3s;
}

.footer-package-section .footer-links a:hover {
	color: #000;
	text-decoration: underline;
}

.footer-package-section .footer-social a {
	display: inline-block;
	color: #555;
	margin-right: 12px;
	font-size: 18px;
	transition: color 0.3s;
}

.footer-package-section .footer-social a:hover {
	color: #000;
}

.footer-package-section .store-btn img {
	max-width: 150px;
	height: auto;
	transition: transform 0.3s;
}

.footer-package-section .store-btn img:hover {
	transform: scale(1.05);
}

.tourIncludes .bi {
	font-weight: 700;
	color: var(--black-color);
}

.tourIncludes span {
	font-size: 12px;
}

.category-box .text {
	position: absolute;
	bottom: 10px;
	text-align: center;
	transform: translate(-50%, -50%);
	left: 50%;
}

.category-box::before {
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	width: 100%;
	height: 100%;
	background-color: #00000057;
}

.category-title {
	position: absolute;
	bottom: 0;
	width: 100%;
	background: linear-gradient(to top, rgba(0, 0, 0, 0.6), transparent);
	color: white;
	padding: 0.75rem;
	font-weight: bold;
	text-align: center;
	font-size: 1rem;
}

/* listing Page  */
.filter-container {
	max-width: 600px;
	margin: auto;
	border-radius: 20px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	border: 1px solid #888b8e;
	padding: 10px;
	box-shadow: none;
	background-color: #faf7f4;
}

.filter-container .filter-accordion .accordion-button {
	font-weight: 600;
	background-color: transparent;
	border: none;
	box-shadow: none;
}

.filter-container .filter-accordion .accordion-button:focus {
	outline: none;
	box-shadow: none;
}

.filter-container .accordion-body {
	padding-top: 0.75rem;
	padding-bottom: 0.75rem;
	background-color: transparent;
}

.filter-container .accordion-item {
	border: none;
	border-radius: 0;
	/* margin-bottom: 10px; */
	background-color: transparent;
	box-shadow: none;
	border-bottom: 1px solid #888b8e;
	border-radius: 0;
}

.filter-container h2.title {
	text-align: center;
	margin-bottom: 30px;
	font-size: 28px;
}

.tab-scroll-container {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #faf7f4;
	border-top: 1px solid #888b8e;
	border-bottom: 1px solid #888b8e;
	border-right: 1px solid #888b8e;
	border-top-right-radius: 20px;
	margin-bottom: 10px;
}

.tab-scroll-wrapper {
	overflow: hidden;
	flex: 1;
}

.tabsWrapper {
	display: flex;
	overflow-x: auto;
	white-space: nowrap;
	padding: 10px;
	margin: 0;
	list-style: none;
	gap: 5px;
	scroll-behavior: smooth;

	/* Hide scrollbar */
	-ms-overflow-style: none;
	scrollbar-width: none;
}

.tabsWrapper::-webkit-scrollbar {
	display: none;
}

.tabsWrapper li {
	display: flex;
	padding: 5px 15px;
	cursor: pointer;
	flex: 0 0 auto;
	gap: 5px;
	align-items: center;
	border-radius: 20px;
	color: white;
	background-color: var(--primary-color);
	/* You can define --primary-color in :root */
	transition: all 0.3s;
}

.tabsWrapper li.active {
	font-weight: 600;
	position: relative;
}

.tabsWrapper li.active::after {
	content: "";
	position: absolute;
	height: 4px;
	width: 80%;
	bottom: -5px;
	left: 50%;
	transform: translateX(-50%);
	background-color: #68696a;
}

.tabsWrapper li .name {
	display: block;
	font-size: 14px;
}

.tabsWrapper li .packCount {
	font-size: 12px;
}

.arrow-btn {
	align-content: center;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #222222ba;
	border: none;
	font-size: 1.5rem;
	line-height: 1;
	color: #f8f9fa;
	padding: 0 10px;
	width: 30px;
	height: 30px;
	cursor: pointer;
	border-radius: 50%;
}

.arrow-btn i {
	font-size: 15px;
}

.arrow-btn:disabled {
	color: #ccc;
	cursor: not-allowed;
}

.filter-container .accordion-body {
	padding-top: 0;
}

.journey-package-card {
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	border-radius: 15px;
	overflow: hidden;
}

.journey-package-card .badge {
	background-color: var(--heading-text-color);
}

.fas.fa-car.wishlist-icon {
	font-size: 12px;
	border: 1px solid black;
	color: black;
}

.journey-package-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

.journey-package-card img.card-img-top {
	aspect-ratio: 19 / 11;
	/* or 4 / 3, or 3 / 2 — based on your design */
	width: 100%;
	object-fit: cover;
	border-radius: 0.5rem 0.5rem 0 0;
	/* optional rounded top corners */
}

.journey-package-card .card-title {
	font-size: 21px;
	font-weight: 500;
}

.journey-package-card .package--price {
	font-weight: 500;
	color: var(--black-color);
}

.journey-package-card .tour-duration p {
	color: #6c757d;
	font-size: 14px;
}

.journey-package-card .tour-desc {
	color: #737373;
	font-size: 15px;
	font-weight: 500;
	margin-bottom: 10px;
}

.journey-package-card .label {
	position: absolute;
	bottom: 10px;
	left: 10px;
	border-radius: 50px;
	line-height: 1;
	font-weight: 700;
	color: var(--primary-bg-color);
	z-index: 12;
	padding: 7px 15px;
	font-size: 12px;
	background-color: var(--primary-color);
	border: 1px solid var(--white-color);
}

.journey-package-card .traveler__code {
	position: absolute;
	top: 10px;
	left: 10px;
	border-radius: 5px;
	line-height: 1;
	font-weight: 700;
	color: var(--primary-bg-color);
	z-index: 12;
	padding: 1px 4px;
	font-size: 15px;
	background-color: #a21c7a;
	border: 1px solid var(--white-color);
}

.journey-package-card .code {
	position: absolute;
	bottom: 10px;
	right: 10px;
	border-radius: 50px;
	line-height: 1;
	font-weight: 700;
	color: var(--primary-bg-color);
	z-index: 12;
	padding: 7px 15px;
	font-size: 12px;
	background-color: var(--primary-color);
	border: 1px solid var(--white-color);
}

.hero--banner {
	align-content: center;
	color: #fff;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	background-blend-mode: multiply;
	height: 60vh;
	background-color: #00000056;
	background-image: url("/asset/img/Dubai_Hotel_at_Sunset.avif");
}

@media (max-width: 768px) {
	.top-destination .card {
		height: 300px;
		background-position: bottom;
	}

	.heroSwiper.swiper.mySwiper {
		width: 100%;
		height: 60vh;
	}

	.hero-caption {
		width: 90%;
	}
}

.category-box img {
	object-fit: contain;
}

.category-title {
	font-size: 0.95rem;
	color: #333;
}

/* ========== Main Navbar Styles ========== */
.main-navbar {
	font-size: 16px;
	/* z-index: 1050; */
	background-color: #c1bebe4e !important;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
	padding: 1rem 0;
}

.main-navbar .nav-link {
	color: var(--text-color-dark);
	/* padding: 12px 20px; */
	font-weight: 500;
	transition: all var(--transition-speed) ease;
	position: relative;
	border-radius: var(--border-radius-lg);
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.main-navbar .nav-link:hover,
.main-navbar .nav-link.active {
	color: var(--primary-color) !important;
	/* background-color: var(--text-color-light); */
}

/* ========== Mega Menu Styling ========== */
.main-navbar .dropdown-mega {
	position: static;
}

@media (max-width: 768px) {
	.main-navbar .navbar-nav {
		padding: 3px;
		background-color: #e9ecef;
		min-height: 500px;
		outline: 1px solid red;
	}
}

.main-navbar .dropdown-menu.mega-menu {
	width: 95%;
	max-width: 1200px;
	left: 50%;
	transform: translateX(-50%);
	top: 100%;
	background: var(--white-color);
	border: 1px solid var(--border-color);
	border-radius: var(--border-radius-lg);
	padding: 2rem 2rem;
	box-shadow: 0 16px 32px rgba(0, 0, 0, 0.15);
	transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
	opacity:0;
	visibility: hidden;
	transform: translateX(-50%) translateY(20px);
}
.main-navbar .dropdown-menu.mega-menu .container-fluid{
	max-height:60dvh;
	overflow-Y:auto;
	overflow-x: hidden;
}
.dropdown-item.active{
	background-color:#dae0e0 !important;
}
/* Custom Arrow Styling */

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

/* Show Mega Menu on Hover (for desktop) */
@media (min-width: 992px) {
	.main-navbar .dropdown-mega:hover .dropdown-menu {
		display: block;
		opacity: 1;
		visibility: visible;
		transform: translateX(-50%) translateY(0);
	}
}

.main-navbar .mega-menu h6 {
	font-size: 1rem;
	font-weight: 700;
	color: var(--text-color-title);
	/* margin-bottom: 1.2rem; */
	text-transform: uppercase;
	letter-spacing: 0.5px;
	position: relative;
	/* padding-bottom: 0.5rem; */
	font-size: 14px;
}

.main-navbar .dropdown-item {
	padding: 2px 0;
	color: var(--text-color-medium);
	font-size: 0.95rem;
	transition: all var(--transition-speed) ease;
	display: flex;
	align-items: center;
	font-size: 14.4px;
}

.main-navbar .navbar-nav .nav-link.active,
.main-navbar .navbar-nav .nav-link.show {
	color: #000 !important;
}

.main-navbar .dropdown-item:hover {
	color: var(--primary-color);
	background-color: transparent;
}

.main-navbar .dropdown-item i {
	margin-right: 10px;
	color: var(--primary-color);
	font-size: 1.1rem;
	font-size: 14px;
}

/* Specific styles for the India Mega Menu layout */
.mega-menu.india-menu {
	padding: 1rem 2rem;
}

.india-menu .region-list {
	border-right: 1px solid #898a8b;
	padding-right: 1.5rem;
}

.india-menu .region-list .nav-link {
	padding: 5px 15px !important;
	font-weight: 600;
	font-size: 15px;
	color: var(--text-color-dark);
	transition: all var(--transition-speed) ease;
}

.india-menu .region-list .nav-link.active {
	background-color: #f1f2f3;
}

.india-menu .region-list .nav-link:hover {
	color: var(--primary-color);
	padding-left: 5px;
}

.india-menu .city-columns {
	padding-left: 0.6rem;
}

.india-menu .city-columns h6 {
	font-size: 14px;
	color: var(--text-color-title);
	margin-bottom: 0rem;
	text-transform: none;
	letter-spacing: 0;
	padding-bottom: 0;
}

.india-menu .city-columns h6::after {
	display: none;
}

.india-menu .city-columns .list-unstyled li a {
	font-size: 0.9rem;
	padding: 2px 0;
	color: var(--text-color-medium);
}

.india-menu .city-columns .list-unstyled li a:hover {
	color: var(--primary-color);
	/* padding-left: 4px; */
}

/* Mobile adjustments for India menu */
@media (max-width: 991px) {
	.mega-menu.india-menu {
		padding: 1rem;
	}

	.india-menu .region-list {
		border-right: none;
		padding: 0;
		margin-bottom: 1rem;
	}
}

.region-content {
	background-color: #f1f2f3;
	padding: 10px;
	border-radius: 10px;
}

/* navbar style end */

/* new css 10/9/2025 */
.booking-card.sticky {
	position: sticky !important;
	top: 10px;

}

/* navbar style end */

/* --- Trip Details Layout --- */
.trip--details {
	display: flex;
	gap: 20px;
	position: relative;
	border-radius: 12px;
	align-items: flex-start;
}

.trip--details .days h4,
.trip--details .destinations h4,
.trip--details .dates h4 {
	font-size: 14px;
	font-weight: 600;
	margin: 4px 0 0;
}

.trip--details .days small,
.trip--details .destinations small,
.trip--details .dates small {
	font-size: 12px;
	color: #6c757d;
	display: block;
	letter-spacing: 0.3px;
}

/* --- Popup Trigger --- */
.inclusion-trigger {
	cursor: pointer;
	font-weight: 600;
	color: #007bff;
	margin: 0;
	position: relative;
	display: inline-block;
	transition: color 0.3s ease;
}

.inclusion-trigger:hover {
	color: #0056b3;
}

/* --- Popup Base --- */
.inclusion-popup {
	position: absolute;
	bottom: 60%;
	right: 0;
	z-index: 1000;
	background-color: #fff;
	border: 1px solid #ddd;
	padding: 16px;
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
	border-radius: 10px;
	width: 320px;
	margin-top: 8px;

	/* Smooth show/hide */
	opacity: 0;
	visibility: hidden;
	transform: translateY(10px) scale(0.98);
	transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s;

	max-height: 200px;
	overflow-y: auto;
}

/* Scrollbar Styling */
.inclusion-popup::-webkit-scrollbar {
	width: 6px;
}

.inclusion-popup::-webkit-scrollbar-thumb {
	background-color: #bbb;
	border-radius: 3px;
}

.inclusion-popup::-webkit-scrollbar-thumb:hover {
	background-color: #999;
}

/* --- Show popups when hovering trigger OR popup itself --- */
.destinations .inclusion-trigger:hover+.inclusion-popup,
.destinations .inclusion-popup:hover,
.dates .inclusion-trigger:hover+.inclusion-popup,
.dates .inclusion-popup:hover,
.trip-heilight .inclusion-trigger:hover+.inclusion-popup,
.trip-heilight .inclusion-popup:hover {
	opacity: 1;
	visibility: visible;
	transform: translateY(0) scale(1);
}

/* --- Tour Highlights "More" popup only --- */
.tour-highlights {
	position: relative;
}

.tour-highlights .inclusion-trigger:hover+.inclusion-popup,
.tour-highlights .inclusion-popup:hover {
	opacity: 1;
	visibility: visible;
	transform: translateY(0) scale(1);
}

/* --- Popup Content --- */
.popup-heading {
	font-size: 15px;
	font-weight: 700;
	color: #222;
	margin-bottom: 10px;
	border-bottom: 1px solid #eee;
	padding-bottom: 6px;
}

.visit-summary {
	font-size: 13px;
	color: #555;
	margin-bottom: 8px;
}

/* Lists */
.inclusion-list,
.visit-list,
.city-list {
	list-style: none;
	padding: 0;
	margin: 0;
}

.inclusion-list {
	display: grid;
	gap: 8px;
}

.inclusion-list li,
.city-list li {
	font-size: 13px;
	color: #444;
}

.visit-list>li {
	margin-bottom: 8px;
}

.visit-list .state {
	font-weight: 600;
	font-size: 14px;
	color: #000;
	display: block;
	margin-bottom: 4px;
}

.trip--details small i,
.trip-heilight .inclusion-trigger i {
	font-size: 13px;
	vertical-align: middle;
}

.popup-heading i {
	font-size: 14px;
}

.highlights-popup .inclusion-list {
	position: relative;
}

.highlights-popup .inclusion-list li {
	position: relative;
	/* needed for the pseudo-element */
	padding-left: 20px;
	/* space for the custom bullet */
	font-size: 13px;
	color: #444;
}

/* Outer disc */
.highlights-popup .inclusion-list li::before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 12px;
	/* outer disc size */
	height: 12px;
	border-radius: 50%;
	background-color: #007bff;
	/* outer disc color */
	display: flex;
	align-items: center;
	justify-content: center;
}

/* Inner dot */
.highlights-popup .inclusion-list li::after {
	content: '';
	position: absolute;
	left: 4px;
	/* adjust to center inside outer disc */
	top: 50%;
	transform: translateY(-50%);
	width: 4px;
	/* inner dot size */
	height: 4px;
	border-radius: 50%;
	background-color: #fff;
	/* inner dot color */
}
.social__icon__list {
	display: flex;
	column-gap: 7px;
	margin: 20px 10px;
}

.social__icon__list i {
	font-size: 18px;
	color: #b61032;
	padding: 10px;
	border: 1px solid #b61032;
}

.social__icon__list i:hover {
	background-color:#C2185B;
	color: var(--primary-bg-color);
}