/* :root {
	--primary-color: #740000;
	--accent-color: #0f766e;

	--white-color: #ffffff;
	--dark-color: #111111;
} */

:root {
	--primary-color: #ff6003;
	--accent-color: #198754;

	--white-color: #ffffff;
	--dark-color: #111111;
}
* {
	font-family: "Rubik", sans-serif;
}

a.navbar-brand img {
    width: 95px;
}
a.dropdown-item {
	display: flex;
	justify-content: space-between !important;
}

a.dropdown-item {

	font-size: 14px;
}

a.dropdown-item:hover {
	background: var(--primary-color);
	color: var(--white-color);
}

a.dropdown-item {
	font-size: 14px;
	border-bottom: 1px solid rgb(160, 160, 160);
}

ul.dropdown-menu.menu-d {
	height: 275px;
	overflow: auto;
}

a.btn {
	font-weight: 600;
}

.top-bar {
	background: var(--accent-color);
}

.main-navbar {
    background: #e2e2da;
}

.main-navbar .nav-link {
	color: #000000;
	margin-right: 15px;
	font-weight: 600;
}

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

/* Desktop Dropdown Hover */
@media (min-width: 992px) {

	.dropdown:hover>.dropdown-menu {
		display: block;
	}

	.dropdown-submenu {
		position: relative;
	}

	.dropdown-submenu .dropdown-menu {
		top: 0;
		left: 100%;
	}

	.dropdown-submenu:hover>.dropdown-menu {
		display: block;
	}
}

/* Mobile */
.mobile-menu {
	background: #000;
	width: 280px;
}

.mobile-nav {
	list-style: none;
	padding: 0;
	margin: 0;
}

.mobile-nav li {
	border-bottom: 1px solid #222;
}

.mobile-nav li a {
	display: flex;
	justify-content: space-between;
	padding: 15px 20px;
	color: #fff;
	text-decoration: none;
}

.sub-menu {
	display: none;
	background: #111;
}

.sub-menu li a {
	padding-left: 40px;
}


/* =======================heare section css====================== */


.hero-slider {
	margin-top: 0;
}

/* Height Chhoti */
.slide-bg {
	height: 75vh;
	background-size: cover;
	background-position: center;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}

/* Premium Zoom Effect */
.carousel-item.active .slide-bg {
	animation: zoomEffect 8s ease-in-out;
}

@keyframes zoomEffect {
	from {
		transform: scale(1);
	}

	to {
		transform: scale(1.08);
	}
}

.overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.7));
	top: 0;
	left: 0;
}

.content {
	position: relative;
	z-index: 2;
}

.animate-title {
	font-size: 55px;
	font-weight: 700;
	opacity: 0;
	transform: translateY(40px);
	transition: 1s ease;
}

.animate-text {
	font-size: 18px;
	opacity: 0;
	transform: translateY(40px);
	transition: 1.3s ease;
}

.carousel-item.active .animate-title,
.carousel-item.active .animate-text {
	opacity: 1;
	transform: translateY(0);
}

/* Premium Arrows */
.custom-arrow {
	background: rgba(0, 0, 0, 0.6);
	padding: 15px;
	border-radius: 50%;
	color: #ffc107;
	font-size: 18px;
}

.carousel-control-prev,
.carousel-control-next {
	width: 8%;
}

.carousel-indicators button {
	background-color: #ffc107;
	width: 12px;
	height: 12px;
	border-radius: 50%;
}

@media(max-width:768px) {
	.slide-bg {
		height: 55vh;
	}

	.animate-title {
		font-size: 28px;
	}
}

span.color {
	color: var(--primary-color);
}

.destination-card {
	text-align: center;
}

.destination-card img {
	width: 160px;
	height: 137px;
	object-fit: cover;
	border-radius: 7%;
	margin: auto;
	display: block;
}

.destination-card h5 {
	margin-top: 12px;
	font-weight: 600;
	font-size: 16px;
}

.swiper-button-next,
.swiper-button-prev {
	color: #740000;
}


.swiper-button-next:after,
.swiper-button-prev:after {
	font-family: swiper-icons;
	font-size: 13px;
	text-transform: none !important;
	letter-spacing: 0;
	font-variant: initial;
	line-height: 1;
	color: white;
	width: 100px;
	/* background: var(--accent-color); */
	padding: 23px;
	border-radius: 50%;
	/* height: 27px; */
}


/*  */

.trek-card {
	background: #fff;
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
}

.trek-img {
	position: relative;
}

.trek-img img {
	width: 100%;
	height: 230px;
	object-fit: cover;
}

.trek-img h4 {
	position: absolute;
	top: 15px;
	left: 15px;
	color: #fff;
	font-weight: 700;
	font-size: 18px;
	text-shadow: 0 3px 10px rgba(0, 0, 0, 0.5);
}

.badge-trip {
	position: absolute;
	bottom: 15px;
	left: 15px;
	background: #28a745;
	color: #fff;
	padding: 5px 12px;
	font-size: 13px;
	border-radius: 5px;
}

.trek-body {
	padding: 15px;
}

.trek-body p {
	margin: 0;
	font-weight: 500;
}

/* Responsive */
@media(max-width:768px) {
	.trek-img img {
		height: 180px;
	}
}

/* about */
.about-section {
	position: relative;
	padding: 80px 0;
	background: url('../img/bg1.png') center/cover no-repeat;
	background-size: auto;
	background-position: right;
	background-position-y: bottom;
}

.about-section .overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgb(255 255 255 / 90%);
}

.about-img img {
	width: 100%;
	border-radius: 20px;
	box-shadow: 0 20px 50px rgba(0, 0, 0, 0.4);
}

.about-small {
	color: #ffc107;
	font-weight: 600;
}


.about-list {
	list-style: none;
	padding: 0;
}


.btn-about {
	background: #ffc107;
	color: #000;
	padding: 12px 30px;
	border-radius: 6px;
	text-decoration: none;
	font-weight: 600;
}

.btn-about:hover {
	background: #e0a800;
}

@media(max-width:768px) {
	.about-title {
		font-size: 30px;
	}
}


/* card slider  */


.upcoming {
	background: #f4f4f4;
}

.trek-card {
	background: #fff;
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
}

.trek-card img {
	width: 100%;
	height: 200px;
	object-fit: cover;
}

.trek-content {
	padding: 15px;
}

.trek-content h5 {
	margin-bottom: 12px;
	font-weight: 600;
}

.trek-info p {
	font-size: 14px;
	margin-bottom: 6px;
}

.trek-info i {
	color:  var(--primary-color);
	margin-right: 6px;
}

.trek-buttons {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 15px;
}

.price {
	font-weight: 600;
	color: #198754;
}

.btn-book {
	background: var(--accent-color);
	padding: 6px 14px;
	border-radius: 5px;
	text-decoration: none;
	color: #ffffff;
	font-weight: 500;
}

.swiper-button-next,
.swiper-button-prev {
	color: #000;
}

@media(max-width:768px) {
	.trek-card img {
		height: 160px;
	}
}


/* banner */

.winter-hero {
	position: relative;
	height: 60vh;
	background: url('../img/exp.webp') center/cover no-repeat;
	display: flex;
	align-items: center;
	color: #fff;
}

/* Left Dark Gradient Overlay */
.hero-overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(to right,
			rgba(0, 0, 0, 0.8) 0%,
			rgba(0, 0, 0, 0.6) 40%,
			rgba(0, 0, 0, 0.2) 70%,
			rgba(0, 0, 0, 0) 100%);
}

.hero-content {
	position: relative;
	width: 100%;

}

.hero-content h1 {
	font-size: 56px;
	font-weight: 700;
	margin-bottom: 20px;
}

.hero-content p {
	font-size: 18px;
	margin-bottom: 25px;
	color: #ddd;
}

/* Button */
.btn-hero {
	background: #ffc107;
	color: #000;
	padding: 12px 28px;
	border-radius: 6px;
	text-decoration: none;
	font-weight: 600;
	display: inline-block;
}

.btn-hero:hover {
	background: #e0a800;
	color: #000;
}

/* Responsive */
@media(max-width:768px) {
	.winter-hero {
		height: 60vh;
		text-align: center;
	}

	.hero-content h1 {
		font-size: 32px;
	}
}


/* =============== */

.trip-box {
	/* background: #fff; */
	padding: 25px;
	border-radius: 12px;
	/* box-shadow: 0 8px 20px rgba(0,0,0,0.08); */
	height: 100%;
}

.trip-header {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 15px;
}

.trip-header i {
	background: #ffc107;
	color: #000;
	width: 35px;
	height: 35px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
}

.trip-header h5 {
	margin: 0;
	font-weight: 600;
}

.trip-box ul {
	list-style: disc;
	padding: 17px;
	margin-bottom: 15px;
}

.trip-box ul li {
	/* font-size: 14px; */
	/* margin-bottom: 6px; */
	position: relative;
	/* padding-left: 18px; */
}


/* tab */
.faq-section {
	background: #f7f7f7;
}

.nav-pills .nav-link {
	border-radius: 50px;
	margin: 0 5px;
	background: #eee;
	color: #000;
}

.nav-pills .nav-link.active {
	background: var(--primary-color);
	color: #fff;
}

.accordion-button {
	font-weight: 500;
}

.accordion-button:not(.collapsed) {
	background: #fff3cd;
	color: #000;
}

.accordion-item {
	border-radius: 10px;
	margin-bottom: 10px;
	overflow: hidden;
}


/* =========================video section====================== */


.reel-main {
	position: relative;
	max-width: 1280px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 15px;
	padding: 70px 0;
}

.dsb {
	width: 100%;
	height: 100px;
	flex-shrink: 0;
	background-color: rgb(255, 255, 255);
	position: absolute;
	z-index: 1;
	border-radius: 100% / 109%;
	/* transform: scale(1.1); */
	top: 506px;
}

.reel-container {
	width: 90%;
	overflow: hidden;
}

.reel-track {
	display: flex;
	gap: 24px;
	transition: transform 0.45s ease;
}

.reel-card {
	min-width: 260px;
	max-width: 260px;
	height: 430px;
	border-radius: 26px;
	overflow: hidden;
	background: #000;
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
}

.reel-card video {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: bottom center;
	cursor: pointer;
}

.nav-btn {
	width: 44px;
	height: 44px;
	border: none;
	border-radius: 50%;
	background: #ffffff;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
	cursor: pointer;
	font-size: 22px;
}

.nav-btn:hover {
	transform: scale(1.08);
}

/* Modal styling */
.reel-modal {
	position: fixed;
	inset: 0;
	background: rgba(0, 0, 0, 0.85);
	display: none;
	align-items: center;
	justify-content: center;
	z-index: 9999;
}

.reel-modal-inner {
	position: relative;
	width: 90%;
	max-width: 450px;
}

.reel-modal-inner video {
	width: 100%;
	border-radius: 12px;
}

.reel-close {
	position: absolute;
	top: -35px;
	right: 0;
	background: transparent;
	border: none;
	font-size: 34px;
	color: #fff;
	cursor: pointer;
}


/* video section css end */

.tile {

	border: 1px dashed var(--tile-b);
	border-radius: var(--r);
	padding: 18px;
	height: 100%;

	transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;

	background: #fff;

}

.tile:hover {
	transform: translateY(-4px);
	border-color: var(--qx-orange);
	box-shadow: 0 10px 24px rgba(0, 0, 0, .06)
}

.tile i {
	font-size: 22px;
	color: var(--qx-orange);
}

.dsb.sa {
	width: 86%;
	height: 75px;
	flex-shrink: 0;
	background-color: rgb(255 255 255);
	position: absolute;
	z-index: 1;
	border-radius: 147%;
	transform: scale(1.1);
	top: 91px;
}

.vido-text {
	z-index: 6;
	position: relative;
}

section.trip-options.py-5 {
	background-position-x: center;
}

/* =========================video section end ====================== */
.why-section {
	background: #f8f9fa;
}

.why-title {
	font-size: 34px;
	font-weight: 700;
}

.why-sub {
	color: #666;
	max-width: 650px;
	margin: auto;
}

.why-card {
	background: #fff;
	padding: 30px 25px;
	border-radius: 14px;
	text-align: center;
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.06);
	transition: 0.3s ease;
	height: 100%;
}

.why-card:hover {
	transform: translateY(-8px);
	box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
}

.why-icon {
	width: 60px;
	height: 60px;
	margin: auto;
	margin-bottom: 18px;
	background: #740000;
	color: #fff;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 22px;
}

.why-card h5 {
	font-weight: 600;
	margin-bottom: 12px;
}

.why-card p {
	font-size: 14px;
	color: #555;
}


/* =====================================card======================= */

.trek-card {
	background: #fff;
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
	
}

.trek-card img {
	width: 100%;
	height: 220px;
	object-fit: cover;
}

.trek-body {
	padding: 18px;
}

.trek-body h5 {
	margin-bottom: 15px;
	font-weight: 600;
}

.trek-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 12px;
}

.trek-grid span {
	font-size: 12px;
	color: #888;
}

.trek-grid p {
	font-size: 14px;
	margin: 4px 0 0;
}

.trek-grid i {
	color: #0f766e;
	margin-right: 5px;
}

.trek-footer {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 15px;
}

.price {
	font-weight: 600;
	color: #0f766e;
}


.btn-book:hover {
	background: var(--primary-color);
}

.logo-a img {
    background: #e2e3db;
    padding: 12px;
    border-radius: 10px;
    margin-bottom: 20px;
    width: 106px;
}
/* footer */

.main-footer {
    position: relative;
    color: #ccc;
    padding: 60px 0 0;
    background-image: url(../img/footer.avif);
    background-size: cover;
    background-position: center;
    z-index: 1;
}

.main-footer::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7); /* Overlay color */
    z-index: -1;
}

.footer-title {
	font-weight: 700;
	color: #fff;
	margin-bottom: 15px;
}

.footer-heading {
	color: #fff;
	margin-bottom: 15px;
}

.footer-text {
	font-size: 14px;
	line-height: 1.6;
}

.footer-links {
	list-style: none;
	padding: 0;
}

.footer-links li {
	margin-bottom: 8px;
}

.footer-links a {
	color: #ccc;
	text-decoration: none;
	font-size: 14px;
	transition: 0.3s;
}

.footer-links a:hover {
	color: #ffc107;
	padding-left: 5px;
}

.footer-contact {
	font-size: 14px;
	margin-bottom: 8px;
}

.footer-contact i {
	color: #ffc107;
	margin-right: 6px;
}

.footer-social a {
	display: inline-block;
	width: 35px;
	height: 35px;
	background: #222;
	color: #fff;
	border-radius: 50%;
	text-align: center;
	line-height: 35px;
	margin-right: 8px;
	transition: 0.3s;
}

.footer-social a:hover {
	background: #ffc107;
	color: #000;
}

.footer-bottom {
	text-align: center;
	padding: 15px;
	background: #0c0c0c;
	margin-top: 40px;
	font-size: 13px;
}

/* ===============================================================================aanchar trak  ================================= */

section.aanchar {
    padding: 210px 0px;
    background-position: top;
    background-repeat: repeat;
    background-size: cover;
}




.trek-full-section{
    background:#f4f6f9;
}

.info-bar{
    background:#fff;
    padding:25px;
    border-radius:15px;
    box-shadow:0 10px 30px rgba(0,0,0,0.05);
}

.info-box i{
    font-size:28px;
    color: var(--primary-color);
}

.info-box h6{
    margin-top:8px;
    font-weight:600;
}

.info-box p{
    margin:0;
    font-size:14px;
}

.contact-box p{
    font-size:13px;
    margin:4px 0;
}

.trek-card{
    background:#fff;
    border-radius:20px;
    box-shadow:0 20px 60px rgba(0,0,0,0.08);
    overflow:hidden;
}

.price-bar{
    background: var(--primary-color);
    color:#fff;
    padding:20px 30px;
    display:flex;
    justify-content:space-between;
    align-items:center;
}

.price-bar h2 span{
    font-size:16px;
    font-weight:400;
}

.usd-btn{
    background:#fff;
    border:none;
    padding:6px 16px;
    border-radius:30px;
    font-weight:600;
}

.gst{
    margin-left:15px;
}

.open{
    color:#0d6efd;
    font-weight:600;
    float:right;
}

.service-list{
    list-style:none;
    padding:0;
}

.service-list li{
    margin-bottom:10px;
}

.service-list i{
    color:  var(--primary-color);
    margin-right:6px;
}

.addon-box{
    background:#f9fafc;
    padding:20px;
    border-radius:12px;
}

.addon-box h5{
    background: #0f766e;
    color:#fff;
    padding:8px;
    text-align:center;
    border-radius:8px;
}

.addon-item{
    display:flex;
    justify-content:space-between;
    margin-top:10px;
}

 .currency-toggle{
    background:#fff;
    padding:4px;
    border-radius:50px;
}

.currency-toggle button{
    border:none;
    background:transparent;
    padding:6px 14px;
    border-radius:50px;
    font-weight:600;
    cursor:pointer;
    color: var(--primary-color);
    transition:0.3s;
}

.currency-toggle button.active{
    background: #0f766e;
    color:#fff;
}







/* ================ */



.overview-section{/* background:#f5f7fa; */}


.overview-card{/* background:#fff; */border-radius:20px;/* box-shadow:0 20px 60px rgba(0,0,0,0.07); */}

.overview-info p{
margin-bottom:8px;
font-size:15px;
}

.highlight-list{
list-style:none;
padding:0;
}

.highlight-list li{
margin-bottom:10px;
font-size:15px;
}

.highlight-list i{
color: var(--primary-color);
margin-right:8px;
}

.video-box{
overflow:hidden;
border-radius:20px;
}

.video-box img{
width:100%;
height:auto;
display:block;
}

.play-btn{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%, -50%);
background: var(--primary-color);
color:#fff;
width:70px;
height:70px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
font-size:30px;
text-decoration:none;
transition:0.3s;
}

.play-btn:hover{
background: var(--primary-color);
}

.video-overlay{
position:absolute;
bottom:20px;
left:20px;
color:#fff;
}

.video-overlay h4{
margin:0;
font-weight:700;
}





.fitness-section{
background:#f5f7fa;
}

.fitness-card{
background:#fff;
border-radius:20px;
box-shadow:0 20px 60px rgba(0,0,0,0.07);
}

.section-heading{
font-weight:700;
color: var(--primary-color);
}

.main-list{
list-style:none;
padding:0;
}

.main-list > li{
margin-bottom:20px;
font-size:15px;
line-height:1.6;
position:relative;
padding-left:35px;
}

.main-list i{
position:absolute;
left:0;
top:4px;
color: var(--primary-color);
font-size:20px;
}

.sub-list{
margin-top:8px;
padding-left:18px;
}

.sub-list li{
margin-bottom:6px;
}

.link-highlight{
color: var(--primary-color);
font-weight:600;
text-decoration:none;
}

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



/* iteny */


.itinerary-section{
background:#f5f7fa;
}


.nav-pills .nav-link{
border-radius:30px;
margin-right:10px;
font-weight:600;
}

.nav-pills .nav-link.active{
background: var(--accent-color);
}

.day-tabs .nav-link{
background:#f1f1f1;
color:#000;
}

.day-tabs .nav-link.active{
background: var(--accent-color);
color:#fff;
}
.itinerary-card h5 {
    font-size: 14px;
}
.itinerary-card ul li {
    font-size: 15px;
    font-weight: 400;
    color: #6a6a6a;
}
.itinerary-card{/* background:#fff; */border-radius:20px;/* box-shadow:0 20px 60px rgba(0,0,0,0.07); */}




/* galeery====== */

.gallery-section{
background:#f5f7fa;
}


.nav-pills .nav-link{
border-radius:30px;
margin-right:10px;
font-weight:600;
}




.filter-btn{
background:#fff;
border:none;
padding:8px 18px;
border-radius:30px;
font-weight:600;
cursor:pointer;
}



.gallery-item{
position:relative;
overflow:hidden;
border-radius:20px;
box-shadow:0 15px 40px rgba(0,0,0,0.08);
}

.gallery-item img{
transition:0.5s;
width:100%;
height:280px;
object-fit:cover;
}

.gallery-item:hover img{
transform:scale(1.1);
}

.gallery-overlay{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,0.4);
display:flex;
align-items:center;
justify-content:center;
opacity:0;
transition:0.4s;
}

.gallery-overlay i{
color:#fff;
font-size:30px;
}

.gallery-item:hover .gallery-overlay{
opacity:1;
}

.video-placeholder{
background:#fff;
border-radius:20px;
box-shadow:0 15px 40px rgba(0,0,0,0.08);
}













/* monthe page */


.january-minimal{
background:#f8fafc;
}



.minimal-card{
background:#fff;
border-radius:20px;
overflow:hidden;
box-shadow:0 15px 40px rgba(0,0,0,0.06);
transition:0.4s;
border:1px solid #f1f1f1;
}

.minimal-card:hover{
transform:translateY(-8px);
box-shadow:0 25px 60px rgba(0,0,0,0.12);
}

.card-image{
height:260px;
overflow:hidden;
}

.card-image img{
width:100%;
height:100%;
object-fit:cover;
transition:0.5s;
}

.minimal-card:hover .card-image img{
transform:scale(1.08);
}

.card-info{
padding:20px;
text-align:center;
}

.card-info h5{
font-weight:600;
margin-bottom:5px;
}

.card-info span{
display:block;
color:#888;
margin-bottom:15px;
}

.card-bottom a{
background: var(--accent-color);
color:#fff;
padding:8px 18px;
border-radius:30px;
font-size:14px;
text-decoration:none;
font-weight:600;
transition:0.3s;
}

.card-bottom a:hover{
background: var(--primary-color);
}


section.destination-section {
    background: #f7f7f7 !important;
}









/* contact page */
    .contact-section{
background:#f5f7fa;
}


.contact-info,
.contact-form{
background:#fff;
padding:40px;
border-radius:20px;
box-shadow:0 20px 60px rgba(0,0,0,0.07);
}

.contact-section .info-box{
display:flex;
align-items:flex-start;
gap:15px;
margin-bottom:25px;
}

.info-box i{
font-size:22px;
color: var(--primary-color);
margin-top:5px;
}

.info-box h6{
margin-bottom:5px;
font-weight:600;
}

.info-box p{
margin:0;
color:#555;
font-size:14px;
}

.form-control{
border-radius:12px;
padding:12px;
border:1px solid #ddd;
}

.form-control:focus{
border-color: var();
box-shadow:none;
}

.btn-contact{
background: var(--accent-color);
color:#fff;
padding:12px 25px;
border:none;
border-radius:30px;
font-weight:600;
transition:0.3s;
}

.btn-contact:hover{
background: var(--primary-color);
}

/* revew css */

.review-section {
  background: #f4f6f8;
  padding: 70px 0;
}

.review-card {
  background: #fff;
  padding: 25px;
  border-radius: 15px;
  box-shadow: 0 5px 20px rgba(0,0,0,0.05);
  min-height: 220px;
}

.review-top {
  display: flex !important;
  justify-content: space-between;
  align-items: center;
}

.review-user {
  display: flex;
  align-items: center;
}

.review-user img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  margin-right: 12px;
}

.review-user h6 {
  margin: 0;
  font-weight: 600;
}

.review-user span {
  font-size: 14px;
  color: #666;
}

.stars {
  color: #f4b400;
  margin: 10px 0;
}


.counter-section {
    background: url('../img/Top-5-Hiking-Trails-in-India.jpg') center/cover no-repeat;
    position: relative;
    color: #fff;
    background-position: inherit;
}

.counter-overlay {
  background: rgba(0, 0, 0, 0.55);
  padding: 80px 0;
}

.counter {
  font-size: 48px;
  font-weight: 700;
}

.counter-section p {
  font-size: 15px;
  opacity: 0.9;
}







/* adventure-summer-camp */

.section-locations {
	padding: 60px 0;
	background: #f8f9fa;
}


.section-title::after {
    content: "";
    width: 200px;
    height: 1px;
    background: var(--primary-color);
    display: block;
    margin-top: 10px !important;
    margin: 0px auto;
}

.location-card {
	background: var(--white-color);
	border-radius: 10px;
	box-shadow: 0 10px 25px rgba(0,0,0,0.08);
	padding: 20px;
	height: 100%;
	transition: 0.3s ease;
}

.location-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 15px 35px rgba(0,0,0,0.12);
}

.location-card img {
	width: 100%;
	border-radius: 6px;
	margin-bottom: 15px;
}

.location-card h5 {
	font-weight: 600;
	margin-bottom: 15px;
}

.location-card p {
	font-style: italic;
	color: #555;
	line-height: 1.6;
}



.section-camp {
	padding: 60px 0;
	background: #f8f9fa;
}

.section-camp p {
	color: #555;
	line-height: 1.7;
}

.video-box {
	position: relative;
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 10px 30px rgba(0,0,0,0.08);
	max-height: 320px;
}

.video-box img {
	width: 100%;
	height: 320px;
	object-fit: cover;
}

.play-btn {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: var(--primary-color);
	width: 60px;
	height: 60px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--white-color);
	font-size: 22px;
	cursor: pointer;
}

.fee-card {
	background: var(--white-color);
	border-radius: 12px;
	padding: 25px;
	box-shadow: 0 15px 40px rgba(0,0,0,0.08);
	border-top: 6px solid var(--primary-color);
	position: sticky;
	top: 20px;
}

.price {
	/* font-size: 30px; */
	font-weight: 700;
	color: var(--accent-color);
}

.small-text {
	font-size: 14px;
	color: #666;
}




.custom-accordion .accordion-button:not(.collapsed) {
	background: var(--primary-color);
	color: var(--white-color);
}

.date-row {
	display: flex;
	justify-content: space-between;
	padding: 8px 0;
	border-bottom: 1px solid #eee;
}

.badge-trek {
	background: #fff3cd;
	padding: 3px 10px;
	border-radius: 20px;
	font-size: 12px;
	border: 1px solid #ffc107;
	margin-left: 8px;
}

.status-avbl {
	color: var(--accent-color);
	font-weight: 600;
	font-size: 13px;
}



/* =========================================================================================================== */


.trek-card {
  background: #fff;
  border-radius: 15px;
  overflow: hidden;
  box-shadow: 0 6px 18px rgba(0,0,0,0.08);
  transition: 0.3s ease;
}

.trek-card:hover {
  transform: translateY(-6px);
}

.trek-img {
  position: relative;
  
}

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

.trek-badge {
  position: absolute;
  bottom: -22px;
  left: 50%;
  font-size: 12px;
  transform: translateX(-50%);
  background: #eeeeee;
  padding: 10px 11px;
  border-radius: 12px;
  width: 100%;
  font-weight: 600;
  max-width: 90%;
  text-align: center;
  margin: 0px auto;
  color: black;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

.trek-bottom {
  background: #f3eaea;
  padding: 35px 20px 18px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.trek-bottom small {
  font-size: 12px;
  color: #555;
}


.view-more {
  text-decoration: none;
  color: var(--accent-color);
  font-weight: 200;
  border-bottom: 1px solid var(--accent-color);
  font-size: 13px;
}

.view-more:hover {
  color: var(--accent-color);
  border-color: var( --accent-color);
}





/* ============== */
body{
  overflow-x:hidden;
}
.experience-section {
    padding: 70px 0;
    /* background: #e6e6e6b0; */
    /* background-image: url(../img/explore-uk-bg.png); */
    background-position: center;
    background-repeat: no-repeat;
}

.section-title{
  text-align:center;
  font-weight:700;
  margin-bottom:50px;
}

.section-title span{
  color:#740000;
}

.mySwiper{
  position:relative;
  padding:0 60px;
}

.exp-card{
  background:#fff;
  border-radius:15px;
  overflow:hidden;
  box-shadow:0 8px 20px rgba(0,0,0,0.08);
}

.exp-img{
  position:relative;
  height:260px;
}

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

.badge-trending{
  position:absolute;
  top:15px;
  left:15px;
  background:red;
  color:#fff;
  padding:5px 12px;
  font-size:12px;
  font-weight:600;
}

.overlay-info{
  position:absolute;
  bottom:10px;
  left:15px;
  right:15px;
  display:flex;
  justify-content:space-between;
  color:#fff;
  font-weight:600;
}

.exp-body{
  padding:20px;
  background: #f3eaea;
}

.exp-body h6{
  color: black;
  font-weight:600;
}

.bottom-area{
  display:flex;
  justify-content:space-between;
  align-items:center;
}

.btn-view{
  background: var(--accent-color);
  color:#fff;
  padding:8px 18px;
  border-radius:30px;
  text-decoration:none;
  font-size:14px;
}

.btn-view:hover{
  background:#0b5e56;
}

.custom-prev,
.custom-next{
  position:absolute;
  top:45%;
  transform:translateY(-50%);
  width:50px;
  height:50px;
  background:#fff;
  border-radius:50%;
  box-shadow:0 5px 15px rgba(0,0,0,0.15);
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  z-index:10;
}

.custom-prev{ left:10px; }
.custom-next{ right:10px; }

.custom-prev::after{ content:"-"; color:#740000; font-size:18px; }
.custom-next::after{ content:"-"; color:#740000; font-size:18px; }



.swiper-pagination{
  position:relative !important;
  margin-top:30px;
  text-align:center;
}

.swiper-pagination-bullet{
  background:#ccc;
  opacity:1;
}

.swiper-pagination-bullet-active{
  background:#740000;
}




.travel-combined-section{
  background:#f4f4f4;
  padding: 80px 0px;
}

.trek-category {
    background: #f4f4f4;
    background-image: url(../img/bg.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-position-y: top;
}
/* HERO SLIDER HEIGHT KAM KIYA */
.hero-slide{
  height:250px;   /* reduced height */
  background-size:cover;
  background-position:center;
  display:flex;
  align-items:center;
  position:relative;
}

.hero-slide::before{
  content:"";
  position:absolute;
  inset:0;
  background:rgba(0,0,0,0.35);
}

.hero-content{
  position:relative;
  margin-left:40px;
  color:#fff;
  text-align: center;
}

.hero-content h1{
  font-size:36px;
  font-weight:800;
  line-height:1.1;
}

.hero-content span{
  color:yellow;
}

.hero-btn{
  display:inline-block;
  margin-top:12px;
  padding:6px 18px;
  background:#fff;
  color:#000;
  text-decoration:none;
  border-radius:30px;
  font-size:14px;
}

.vertical-line{
  width:2px;
  height:150px;
  background:#ccc;
  margin:auto;
}

.info-title{
  font-weight:700;
}

.info-icon{
  width:55px;
  margin-bottom:10px;
}

/* Responsive */
@media(max-width:768px){
  .hero-content h1{
    font-size:24px;
  }
  .vertical-line{
    display:none;
  }
  .swiper-slide {
    flex-shrink: 0;
    width: 100%  !important;
    
}
}





/* tab */


.trek-tabs .nav-link{
  border-radius:30px;
  padding:8px 18px;
  margin:5px;
  background:#eee;
  color:#333;
  font-weight:500;
}

.trek-tabs .nav-link.active{
  background:#198754;
  color:#fff;
}

.trek-card{
  background:#fff;
  border-radius:12px;
  overflow:hidden;
  box-shadow:0 5px 15px rgba(0,0,0,0.08);
  transition:0.3s;
}

.trek-card:hover{
  transform:translateY(-5px);
}

.trek-card img{
  width:100%;
  height:200px;
  object-fit:cover;
}



/* ============================================== */

.himalaya-section{
  background:#f5f5f5;
}

.premium-box{
  background:#fff;
  padding:40px;
  border-radius:16px;
  box-shadow:0 15px 40px rgba(0,0,0,0.08);
  transition:0.3s;
}

.toggle-btn{
  background:#198754;
  color:#fff;
  padding:10px 22px;
  border:none;               /* BORDER REMOVED */
  border-radius:30px;
  font-weight:600;
  cursor:pointer;
  transition:0.3s;
}
.bg-a {
    background: #f5deb35c;
}
.toggle-btn:hover{
  background:#145c32;
  transform:translateY(-2px);
}



section.trate {
    background-image: url(../img/trending-bg.jpg);
	 background-repeat: no-repeat;
    
}



        .trip-section {
    padding: 70px 0;
    background: #e2e2da;
}
         .nav-pills .nav-link{
         background:#e9edf5;
         color:#333;
         border-radius:30px;
         padding:8px 22px;
         margin-right:10px;
         font-weight:500;
         }
         .nav-pills .nav-link.active{
         background: var(--accent-color);
         color:#fff;
         }
         .trip-card{
         position:relative;
         border-radius:22px;
         overflow:hidden;
         height:420px;
         box-shadow:0 15px 35px rgba(0,0,0,0.15);
         }
         .trip-card img{
         width:100%;
         height:100%;
         object-fit:cover;
         }
         .discount-badge{
         position:absolute;
         top:18px;
         left:18px;
         background:#ff4d4d;
         color:#fff;
         padding:6px 14px;
         font-size:12px;
         font-weight:600;
         border-radius:6px;
         }
         .duration-badge{
         position:absolute;
         bottom:140px;
         left:18px;
         background:#ffe600;
         color:#000;
         padding:6px 15px;
         font-size:12px;
         font-weight:600;
         border-radius:20px;
         }
         .trip-overlay{
         position:absolute;
         bottom:0;
         width:100%;
         padding:20px;
         background:linear-gradient(to top, rgba(0,0,0,0.95), rgba(0,0,0,0));
         color:#fff;
         }
         .trip-overlay h5{
         font-size:18px;
         margin-bottom:5px;
         }
         .price{
         font-weight:bold;
         font-size:17px;
         }
         .old-price{
         text-decoration:line-through;
         font-size:13px;
         opacity:.7;
         margin-left:6px;
         }
         .bottom-row{
         display:flex;
         justify-content:space-between;
         align-items:center;
         margin-top:10px;
         }
         .call-btn{
         width:45px;
         height:45px;
         border-radius:50%;
         border:1px solid #fff;
         display:flex;
         align-items:center;
         justify-content:center;
         color:#fff;
         font-size:17px;
         text-decoration:none;
         background:rgba(255,255,255,0.15);
         }
         .trip-btn{
         background:#fff;
         color:#000;
         border-radius:25px;
         padding:7px 18px;
         font-size:14px;
         border:none;
         }
         ul.nav.nav-pills {
    justify-content: center;
}

  .trending-section {
         background: #f4f4f4;
         }
         .section-title {
         font-weight: 600;
         font-size: 32px;
         }
         .custom-tabs .nav-link {
         background: #fff;
         border-radius: 12px;
         padding: 12px 22px;
         margin: 0 8px;
         font-weight: 500;
         color: #333;
         border: none;
         box-shadow: 0 4px 12px rgba(0,0,0,0.05);
         transition: 0.3s;
         }
         .custom-tabs .nav-link i {
         margin-right: 6px;
         }
         .custom-tabs .nav-link:hover {
         transform: translateY(-3px);
         }
         .custom-tabs .nav-link.active {
         background: var(--accent-color);
         color: #fff;
         box-shadow: 0 8px 20px rgba(76,175,11,0.3);
         }
         .trend-box {
         background: #fff;
         padding: 40px;
         border-radius: 16px;
         }
         .image-wrapper {
         overflow: hidden;
         border-radius: 12px;
         }
         .image-wrapper img {
         transition: 0.5s;
         }
         .image-wrapper:hover img {
         transform: scale(1.08);
         }
         .content-area h3 {
         font-weight: 600;
         margin-bottom: 15px;
         }
         .btn-green {
         background: #4CAF0B;
         color: #fff;
         padding: 10px 25px;
         border-radius: 30px;
         transition: 0.3s;
         }
         .btn-green:hover {
         background: #3a9608;
         color: #fff;
         }

		 .offer-section{
  padding:70px 0;
  background:#f4f6fb;
}

.offer-title{
  font-weight:700;
}

.offer-item{
  text-align:center;
}

.offer-icon{
  width:110px;
  height:110px;
  background: var(--accent-color);
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  margin:0 auto 15px;
  transition:0.3s ease;
}

.offer-icon i{
  font-size:38px;
  color:#fff;
}

.offer-item h6{
  font-weight:600;
}

/* Hover Effect */
.offer-item:hover .offer-icon{
  transform:translateY(-8px);
  box-shadow:0 10px 25px rgba(0,0,0,0.15);
}

.slider-setion{
position:relative;
height:400px;
overflow:hidden;
}

.slider-setion img{
height:400px;
object-fit:cover;
}

.slider-content{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
z-index:10;
text-align:center;
}

.carousel-item::before{
content:"";
position:absolute;
width:100%;
height:100%;
background:rgba(0,0,0,0.5);
top:0;
left:0;
}

 html{
         scroll-behavior:smooth;
         }
         .trip-wrapper{
         background:#f6f7fb;
         }
         /* Sticky Nav */
         .trip-sticky-nav{
         position:sticky;
         top:20px;
         background:#fff;
         padding:10px 15px;
         border-radius:12px;
         display:flex;
         gap:25px;
         overflow-x:auto;
         margin-bottom:30px;
         border:1px solid #e5e7eb;
         z-index:1000;
         }
         .trip-sticky-nav a{
         text-decoration:none;
         color:#333;
         font-weight:500;
         white-space:nowrap;
         }
         .trip-sticky-nav a:hover{
         color:#2f5bd3;
         }
         /* Main Box */
         .trip-box{
         background:#fff;
         padding:25px;
         border-radius:16px;
         margin-bottom:30px;
         box-shadow:0 6px 18px rgba(0,0,0,0.05);
         }
         /* Badge */
         .day-badge{
         background:#2f5bd3;
         color:#fff;
         padding:4px 10px;
         border-radius:20px;
         font-size:12px;
         margin-right:10px;
         }
         /* Inclusion & Exclusion */
         .green-bg{
         background:#f2fbf4;
         }
         .red-bg{
         background:#fff4f4;
         }
         .icon-list{
         list-style:none;
         padding:0;
         }
         .icon-list li{
         display:flex;
         gap:10px;
         margin-bottom:10px;
         align-items:flex-start;
         }
         .green-bg i{
         color:#1e8e3e;
         }
         .red-bg i{
         color:#d93025;
         }
         /* Batch */
         .batch-box{
         border:1px solid #e5e7eb;
         padding:12px 16px;
         border-radius:10px;
         margin-bottom:12px;
         display:flex;
         justify-content:space-between;
         align-items:center;
         }
         .batch-box span{
         background:#1e8e3e;
         color:#fff;
         padding:4px 10px;
         font-size:12px;
         border-radius:20px;
         }
         /* Pack */
         .pack-item{
         display:flex;
         gap:15px;
         margin-bottom:18px;
         align-items:flex-start;
         }
         .pack-item img{
         width:36px;
         height:36px;
         }
         /* Mobile */
         @media(max-width:768px){
         .trip-box{
         padding:18px;
         }
         .pack-item{
         flex-direction:column;
         align-items:flex-start;
         }
         }