.event-btn,
.event-date-badge,
.footer-logo,
.heritage-btn,
.purpose-btn,
.vintage-btn,
.vintage-btn-sm {
	text-transform: uppercase
}

.about-values-section,
.choose-card,
.contact-info-sec-card,
.event-box,
.gallery-item .caption,
.journey-modern-card,
.mem-item,
.memory-card,
.overlay,
.social-icons a,
.tch-loader-title {
	text-align: center
}

:root {
	--paper-yellow: #F4E3B2;
	--burnt-brown: #7B4B2A;
	--muted-gold: #D4AF37;
	--charcoal-ink: #2B1B0E;
	--sepia-overlay: rgba(65, 40, 15, 0.55)
}

body,
html {
	overflow-x: hidden;
	overflow-y: auto;
	scroll-behavior: smooth
}

body {
	font-family: Poppins, sans-serif;
	background-color: var(--paper-yellow);
	color: var(--charcoal-ink)
}

.client-title-wrap {
	margin-bottom: 25px;
	transform: translateY(10px)
}

.client-title-en {
	font-family: 'Great Vibes', cursive;
	font-size: 5rem;
	color: #f5e6c8;
	text-shadow: 0 4px 10px rgba(0, 0, 0, .35), 0 1px 3px rgba(0, 0, 0, .5);
	letter-spacing: 2px;
	margin-bottom: -5px
}

.event-btn,
.footer-logo,
.vintage-btn,
.vintage-logo {
	letter-spacing: 1px
}

.client-title-bn {
	font-family: Atma, sans-serif;
	font-size: 2rem;
	color: #f5e6c8;
	font-weight: 600;
	margin-top: -5px;
	background: rgba(0, 0, 0, .2);
	display: inline-block;
	padding: 6px 14px;
	border-radius: 6px;
	backdrop-filter: blur(2px);
	text-shadow: 0 2px 4px rgba(0, 0, 0, .35)
}

.overlay,
.vintage-btn,
.vintage-hero,
.vintage-logo,
.vintage-navbar .nav-link {
	color: var(--paper-yellow)
}

.vintage-navbar {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 99999 !important;
	background: rgba(43, 27, 14, .7);
	backdrop-filter: blur(4px);
	padding: .9rem 0;
	transition: background .4s
}

.vintage-navbar.scrolled {
	background: rgba(43, 27, 14, .95);
	box-shadow: 0 2px 10px rgba(0, 0, 0, .4)
}

.vintage-logo {
	font-family: 'Playfair Display', serif
}

.vintage-navbar .nav-link {
	text-transform: uppercase;
	font-size: .9rem;
	letter-spacing: .8px;
	transition: color .3s
}

.vintage-navbar .nav-link.active,
.vintage-navbar .nav-link:hover {
	color: var(--muted-gold)
}

.navbar-toggler {
	border: 2px solid var(--muted-gold);
	border-radius: 6px;
	padding: 6px 8px;
	background-color: rgba(0, 0, 0, .2);
	transition: .3s
}

.navbar-toggler-icon {
	background-image: none;
	width: 22px;
	height: 2px;
	background-color: var(--muted-gold);
	position: relative;
	display: inline-block;
	transition: .3s
}

.navbar-toggler-icon::after,
.navbar-toggler-icon::before {
	content: "";
	position: absolute;
	width: 22px;
	height: 2px;
	background-color: var(--muted-gold);
	left: 0;
	transition: .3s
}

.navbar-toggler-icon::before {
	top: -6px
}

.navbar-toggler-icon::after {
	top: 6px
}

.navbar-toggler[aria-expanded=true] .navbar-toggler-icon {
	background-color: transparent
}

.navbar-toggler[aria-expanded=true] .navbar-toggler-icon::before {
	transform: rotate(45deg);
	top: 0
}

.navbar-toggler[aria-expanded=true] .navbar-toggler-icon::after {
	transform: rotate(-45deg);
	top: 0
}

.vintage-hero {
	position: relative;
	height: 100vh;
	overflow: visible;
	z-index: 1
}

.hero-overlay,
.hero-slideshow,
.slide,
.vignette {
	position: absolute
}

.hero-slideshow {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0
}

.slide {
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
	opacity: 0;
	filter: blur(6px) brightness(.9) sepia(.4) contrast(1.1);
	animation: 32s ease-in-out infinite slideshow
}

.slide1 {
	background-image: url('../img/vintage1.webp');
	animation-delay: 0s
}

.slide2 {
	background-image: url('../img/vintage2.webp');
	animation-delay: 8s
}

.slide3 {
	background-image: url('../img/vintage3.webp');
	animation-delay: 16s
}

.slide4 {
	background-image: url('../img/vintage4.webp');
	animation-delay: 24s
}

@keyframes slideshow {

	0%,
	100%,
	32% {
		opacity: 0;
		filter: blur(6px) brightness(.85) sepia(.45)
	}

	25%,
	6% {
		opacity: 1;
		filter: blur(3px) brightness(1) sepia(.3)
	}
}

.hero-overlay {
	inset: 0;
	background: rgba(65, 40, 15, 0.05);
	z-index: 1
}

.vignette {
	inset: 0;
	background: radial-gradient(ellipse at center, transparent 60%, rgba(0, 0, 0, .5) 100%);
	z-index: 2
}

.about-hero-content,
.hero-content {
	position: relative;
	z-index: 3;
	text-align: center;
	padding: 0 1rem
}

.about-hero-content h1,
.hero-content h1 {
	font-family: 'Playfair Display', serif;
	color: var(--paper-yellow);
	text-shadow: 1px 2px 3px rgba(0, 0, 0, .7)
}

.about-hero-content p,
.hero-content p {
	color: var(--burnt-brown);
	background-color: rgba(244, 227, 178, .85);
	display: inline-block;
	padding: .75rem 1.25rem;
	border-radius: 8px;
	font-style: italic
}

.vintage-btn {
	background-color: var(--burnt-brown);
	border: none;
	padding: .8rem 2.2rem;
	border-radius: 50px;
	font-weight: 500;
	transition: .3s
}

.contact-submit-btn:hover,
.purpose-btn:hover,
.vintage-btn:hover {
	background-color: var(--muted-gold);
	color: var(--charcoal-ink);
	transform: translateY(-3px)
}

.memory-content h5,
.why-content .vintage-title,
.why-highlights h5 {
	color: var(--burnt-brown);
	font-weight: 700;
	font-family: 'Playfair Display', serif
}

.fade-in-up {
	opacity: 0;
	transform: translateY(30px);
	animation: 1s forwards fadeInUp
}

.fade-in-up.delay-1 {
	animation-delay: .4s
}

.fade-in-up.delay-2 {
	animation-delay: .8s
}

@keyframes fadeInUp {
	from {
		opacity: 0;
		transform: translateY(40px)
	}

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

.why-kolkata-section {
	position: relative;
	background-color: #f6ebc8;
	background-image: url('../img/paper-texture.webp');
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	border-top: 2px dashed rgba(123, 75, 42, .3);
	border-bottom: 2px dashed rgba(123, 75, 42, .3);
	overflow: visible;
	z-index: 2
}

.why-img-wrapper {
	position: relative;
	height: 100%;
	overflow: hidden
}

.why-img-wrapper img {
	height: 100%;
	width: 100%;
	object-fit: cover;
	filter: sepia(.4) contrast(1.1) brightness(.9);
	transition: transform 1s, filter .6s
}

.gallery-item img,
.memory-card img,
.purpose-image-wrapper img {
	filter: sepia(.35) brightness(.95)
}

.why-img-wrapper:hover img {
	transform: scale(1.05);
	filter: sepia(.3) contrast(1) brightness(1)
}

.why-img-overlay {
	position: absolute;
	inset: 0;
	background: radial-gradient(circle at center, rgba(0, 0, 0, .1) 20%, rgba(43, 27, 14, .5) 100%)
}

.why-content .vintage-title {
	font-size: 2.5rem
}

.why-content .vintage-intro {
	color: var(--charcoal-ink);
	font-style: italic;
	line-height: 1.8;
	font-size: 1.1rem
}

.memory-content h5,
.why-highlights h5 {
	margin-bottom: .3rem
}

.why-highlights p {
	font-size: 1rem;
	color: var(--charcoal-ink);
	margin-bottom: 0
}

.experiences-section {
	background-color: #f5e6b3;
	background-image: url('../img/paper-texture.webp');
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	position: relative;
	overflow: visible;
	z-index: 2
}

.experience-card {
	position: relative;
	overflow: hidden;
	border-radius: 15px;
	box-shadow: 0 8px 20px rgba(0, 0, 0, .15);
	cursor: pointer;
	transition: transform .5s, box-shadow .5s;
	perspective: 1000px;
	height: 400px;
	display: flex;
	align-items: stretch
}

.experience-card:hover {
	transform: translateY(-8px);
	box-shadow: 0 12px 28px rgba(0, 0, 0, .25)
}

.parallax-wrapper {
	position: absolute;
	inset: 0;
	overflow: hidden
}

.parallax-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transform: scale(1.1);
	transition: transform .6s, filter .6s;
	filter: sepia(.4) brightness(.95) contrast(1.1)
}

.experience-card:hover .parallax-img {
	filter: sepia(.2) brightness(1) contrast(1)
}

.overlay {
	position: absolute;
	inset: 0;
	background: rgba(43, 27, 14, .7);
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	transition: opacity .5s;
	padding: 1.5rem
}

.gallery-section,
.memory-fade-section {
	background-image: url('../img/paper-texture.webp');
	background-size: cover;
	background-repeat: no-repeat
}

.experience-card:hover .overlay,
.journey-modern-card:hover::after {
	opacity: 1
}

.overlay-content h5 {
	font-family: 'Playfair Display', serif;
	color: var(--muted-gold);
	font-weight: 700;
	margin-bottom: .5rem;
	font-size: 1.3rem
}

.overlay-content p {
	font-size: .95rem;
	color: var(--paper-yellow);
	line-height: 1.6
}

.vintage-btn-sm {
	background-color: var(--muted-gold);
	color: var(--charcoal-ink);
	border: none;
	border-radius: 30px;
	padding: .6rem 1.4rem;
	font-size: .85rem;
	font-weight: 600;
	transition: .3s
}

.vintage-btn-sm:hover {
	background-color: var(--burnt-brown);
	color: var(--paper-yellow)
}

@media (max-width:992px) {
	.why-kolkata-section {
		background-attachment: scroll
	}

	.why-content {
		padding: 2rem 1rem;
		text-align: center
	}

	.why-img-wrapper img {
		height: 300px
	}

	.why-content .vintage-title {
		font-size: 2rem
	}

	.experience-card {
		height: 350px
	}
}

@media (max-width:768px) {
	.client-title-en {
		font-size: 3rem
	}

	.client-title-bn {
		font-size: 1.4rem;
		padding: 4px 10px
	}

	.hero-content h1 {
		font-size: 1.8rem
	}

	.hero-content p {
		font-size: 1rem;
		padding: .6rem 1rem
	}

	.vintage-btn {
		padding: .65rem 1.8rem;
		font-size: .9rem
	}

	.experience-card {
		height: 300px
	}
}

.memory-fade-section {
	background-color: #f5e4b2;
	position: relative;
	z-index: 2;
	border-top: 2px dashed rgba(123, 75, 42, .3);
	border-bottom: 2px dashed rgba(123, 75, 42, .3)
}

.memory-fade-wrapper {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	gap: 2rem;
	flex-wrap: wrap
}

.memory-slot {
	position: relative;
	width: 300px;
	height: 220px
}

.memory-card:hover {
	transform: scale(1.02);
	box-shadow: 0 14px 30px rgba(0, 0, 0, .25)
}

.memory-card img {
	width: 100%;
	height: 180px;
	object-fit: cover;
	border-bottom: 1px solid rgba(123, 75, 42, .2)
}

.memory-content {
	padding: 1.2rem 1.4rem
}

.memory-content p {
	font-family: Poppins, sans-serif;
	font-style: italic;
	font-size: .95rem;
	color: var(--charcoal-ink);
	line-height: 1.7
}

.memory-content span {
	font-size: .85rem;
	color: var(--muted-gold);
	letter-spacing: .5px
}

@keyframes fadeCycle {

	0%,
	100%,
	50%,
	95% {
		opacity: 0;
		transform: scale(.98);
		z-index: 0
	}

	45%,
	5% {
		opacity: 1;
		transform: scale(1);
		z-index: 1
	}
}

.fade-sequence {
	animation-delay: 0s
}

.fade-sequence.delay-1 {
	animation-delay: 6s
}

.fade-sequence.delay-2 {
	animation-delay: 12s
}

@keyframes filmFlicker {

	0%,
	100% {
		opacity: 1;
		filter: brightness(1) contrast(1)
	}

	50% {
		opacity: .95;
		filter: brightness(.98) contrast(1.02)
	}

	60% {
		opacity: 1;
		filter: brightness(1.03) contrast(.98)
	}

	80% {
		opacity: .97;
		filter: brightness(.97) contrast(1.03)
	}
}

.memory-card {
	position: absolute;
	inset: 0;
	background-color: rgba(255, 250, 235, .96);
	border: 1px solid rgba(123, 75, 42, .25);
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0 8px 18px rgba(0, 0, 0, .15);
	opacity: 0;
	transform: scale(.98);
	transition: .5s;
	animation: 18s infinite fadeCycle, 1.8s infinite filmFlicker
}

.memory-card.fade-sequence {
	transform-origin: center;
	transition: transform .3s, box-shadow .3s
}

.memory-card:hover {
	transform: scale(1.02) rotate(.2deg);
	box-shadow: 0 14px 35px rgba(0, 0, 0, .3)
}

.memory-fade-section::after {
	content: "";
	position: absolute;
	inset: 0;
	opacity: .08;
	animation: 4s steps(8) infinite grainShift;
	pointer-events: none;
	z-index: 3
}

@keyframes grainShift {

	0%,
	100% {
		transform: translate(0, 0)
	}

	20% {
		transform: translate(-10px, 10px)
	}

	40% {
		transform: translate(15px, -5px)
	}

	60% {
		transform: translate(-5px, 15px)
	}

	80% {
		transform: translate(10px, -10px)
	}
}

.memory-card::after {
	content: "";
	position: absolute;
	inset: 0;
	opacity: .05;
	mix-blend-mode: multiply;
	pointer-events: none
}

.memory-fade-section::before {
	content: "";
	position: absolute;
	inset: 0;
	background: radial-gradient(ellipse at center, transparent 70%, rgba(0, 0, 0, .3) 100%);
	z-index: 2;
	pointer-events: none
}

.memory-content,
.memory-fade-wrapper {
	position: relative;
	z-index: 4
}

.gallery-section {
	background-color: #f4e3b2;
	position: relative;
	z-index: 2;
	border-top: 2px dashed rgba(123, 75, 42, .3);
	border-bottom: 2px dashed rgba(123, 75, 42, .3)
}

.gallery-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
	gap: 1.8rem
}

.gallery-item {
	position: relative;
	background-color: rgba(255, 250, 235, .96);
	border: 1px solid rgba(123, 75, 42, .25);
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0 6px 20px rgba(0, 0, 0, .15);
	transition: .6s;
	transform-origin: center;
	cursor: pointer
}

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

.gallery-item:hover img {
	transform: scale(1.08);
	filter: sepia(.2) brightness(1)
}

.gallery-item .caption {
	background: rgba(43, 27, 14, .8);
	color: var(--paper-yellow);
	font-size: .95rem;
	padding: .6rem;
	position: absolute;
	bottom: 0;
	width: 100%;
	font-family: Poppins, sans-serif;
	opacity: 0;
	transform: translateY(10px);
	transition: .5s
}

.gallery-item:hover .caption,
.mem-item.show {
	opacity: 1;
	transform: translateY(0)
}

.tilt-left {
	transform: rotate(-1deg)
}

.tilt-right {
	transform: rotate(1deg)
}

.gallery-item:hover {
	transform: rotate(0) translateY(-6px);
	box-shadow: 0 10px 28px rgba(0, 0, 0, .25)
}

.lightbox {
	position: fixed;
	inset: 0;
	background: rgba(20, 10, 5, .95);
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	z-index: 2000;
	animation: .4s fadeIn
}

.lightbox-overlay {
	position: absolute;
	inset: 0;
	background: radial-gradient(ellipse at center, rgba(255, 255, 255, .05) 0, rgba(0, 0, 0, .9) 100%);
	pointer-events: none
}

.lightbox-img {
	max-width: 90%;
	max-height: 80%;
	object-fit: contain;
	border: 6px solid rgba(244, 227, 178, .8);
	box-shadow: 0 0 40px rgba(0, 0, 0, .5);
	border-radius: 8px;
	z-index: 3;
	animation: .6s slideIn;
	filter: sepia(.3) contrast(1.1)
}

.lightbox-caption {
	color: var(--muted-gold);
	font-family: 'Playfair Display', serif;
	font-size: 1.1rem;
	margin-top: 1rem;
	z-index: 3;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, .6)
}

.close-lightbox {
	position: absolute;
	top: 30px;
	right: 40px;
	color: var(--muted-gold);
	font-size: 2rem;
	cursor: pointer;
	z-index: 4;
	transition: color .3s
}

.close-lightbox:hover,
.heritage-cta-section {
	color: var(--paper-yellow)
}

@keyframes fadeIn {
	from {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@keyframes slideIn {
	from {
		transform: scale(.95);
		opacity: 0
	}

	to {
		transform: scale(1);
		opacity: 1
	}
}

.d-none {
	display: none !important
}

.heritage-cta-section {
	position: relative;
	height: 80vh;
	background: url('../img/cta-bg.webp') center/cover no-repeat fixed;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	border-top: 2px dashed rgba(123, 75, 42, .3);
	border-bottom: 2px dashed rgba(123, 75, 42, .3)
}

.cta-overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(rgba(43, 27, 14, .75), rgba(43, 27, 14, .85)), radial-gradient(circle at 50% 40%, rgba(212, 175, 55, .2) 0, transparent 70%);
	mix-blend-mode: overlay;
	animation: 12s ease-in-out infinite alternate warmPulse;
	z-index: 1
}

.cta-content {
	position: relative;
	z-index: 2;
	max-width: 780px;
	padding: 2rem
}

.cta-heading {
	font-family: 'Playfair Display', serif;
	font-size: 2.6rem;
	font-weight: 700;
	color: var(--white);
	margin-bottom: 1.2rem;
	text-shadow: 2px 3px 8px rgba(0, 0, 0, .6)
}

.cta-subtext,
.heritage-btn,
.heritage-footer {
	color: var(--paper-yellow);
	font-family: Poppins, sans-serif
}

.cta-subtext {
	font-size: 1.05rem;
	line-height: 1.9;
	margin-bottom: 2rem;
	background: rgba(43, 27, 14, .55);
	display: inline-block;
	padding: 1rem 1.8rem;
	border-radius: 10px;
	box-shadow: inset 0 0 10px rgba(0, 0, 0, .2);
	backdrop-filter: blur(2px)
}

.footer-heading,
.footer-logo {
	margin-bottom: 1rem;
	position: relative
}

.heritage-btn {
	background-color: var(--burnt-brown);
	border: 2px solid rgba(244, 227, 178, .6);
	font-size: 1rem;
	box-shadow: 0 6px 18px rgba(0, 0, 0, .3);
	position: relative;
	overflow: hidden
}

.heritage-btn::before {
	content: "";
	position: absolute;
	top: 0;
	left: -80%;
	width: 60%;
	height: 100%;
	background: linear-gradient(120deg, rgba(255, 255, 255, .3), rgba(255, 255, 255, 0));
	transform: skewX(-25deg);
	transition: .8s
}

.heritage-btn:hover::before {
	left: 130%
}

.heritage-btn:hover {
	background-color: var(--muted-gold);
	color: var(--charcoal-ink);
	border-color: var(--muted-gold);
	box-shadow: 0 10px 28px rgba(0, 0, 0, .4)
}

@keyframes warmPulse {
	0% {
		filter: brightness(.95) sepia(.3)
	}

	100% {
		filter: brightness(1.05) sepia(.4)
	}
}

.heritage-footer {
	position: relative;
	background: linear-gradient(to bottom, #3a2415 0, #1c1108 100%);
	border-top: 2px dashed rgba(212, 175, 55, .3);
	overflow: hidden;
	padding-top: 4rem
}

.event-title,
.footer-bottom,
.footer-heading,
.footer-logo {
	font-family: 'Playfair Display', serif
}

.heritage-footer::before {
	content: "";
	position: absolute;
	inset: 0;
	background: radial-gradient(circle at top center, rgba(212, 175, 55, .08), rgba(0, 0, 0, .8));
	pointer-events: none
}

.footer-heading::after,
.footer-logo::after,
.social-icons a:hover {
	background-color: var(--muted-gold)
}

.footer-logo {
	color: var(--muted-gold);
	font-size: 2rem;
	font-weight: 700
}

.footer-logo::after {
	content: "";
	width: 70px;
	height: 2px;
	display: block;
	margin-top: .5rem
}

.footer-quote {
	font-size: 1rem;
	color: rgba(244, 227, 178, .9);
	line-height: 1.8;
	margin-top: .5rem
}

.footer-mini {
	font-size: .9rem;
	color: rgba(244, 227, 178, .9);
	font-style: italic;
	margin-top: 1rem
}

.footer-heading {
	color: var(--muted-gold);
	font-size: 1.15rem
}

.footer-heading::after {
	content: "";
	width: 35px;
	height: 2px;
	display: block;
	margin-top: .4rem
}

.footer-links a {
	color: rgba(244, 227, 178, .8);
	text-decoration: none;
	display: block;
	margin: .4rem 0;
	transition: .3s;
	font-weight: 500
}

.footer-links a:hover {
	color: var(--muted-gold);
	letter-spacing: .3px
}

.contact-info li {
	margin: .5rem 0;
	color: rgba(244, 227, 178, .85);
	font-size: .95rem
}

.contact-info i {
	color: var(--muted-gold);
	margin-right: 10px
}

.social-icons a {
	display: inline-block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	border-radius: 50%;
	border: 1px solid rgba(212, 175, 55, .4);
	color: var(--muted-gold);
	margin: 0 6px;
	transition: .4s;
	font-size: .95rem;
	background-color: rgba(255, 255, 255, .03)
}

.social-icons a:hover {
	color: var(--charcoal-ink);
	transform: translateY(-3px);
	box-shadow: 0 0 12px rgba(212, 175, 55, .4)
}

.footer-bottom {
	background: #1a1008;
	border-top: 1px solid rgba(212, 175, 55, .25);
	color: white;
	font-size: .85rem
}

.featured-event-section {
	position: relative;
	padding: 6rem 0;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	overflow: hidden;
	z-index: 1
}

.featured-event-overlay {
	position: absolute;
	inset: 0;
	background: rgba(43, 27, 14, .65);
	z-index: 1
}

.event-box {
	position: relative;
	z-index: 2;
	max-width: 700px;
	margin: 70px auto auto auto;
	background: rgba(244, 227, 178, .15);
	border: 1px solid rgba(212, 175, 55, .4);
	padding: 2.5rem;
	border-radius: 12px;
	backdrop-filter: blur(5px);
	box-shadow: 0 15px 35px rgba(0, 0, 0, .25)
}

.event-date-badge {
	background: var(--muted-gold);
	color: var(--charcoal-ink);
	font-size: .9rem;
	font-weight: 600;
	padding: .4rem 1.2rem;
	border-radius: 30px;
	display: inline-block;
	margin-bottom: 1rem
}

.event-title {
	font-size: 2.2rem;
	font-weight: 700;
	color: var(--paper-yellow);
	margin-bottom: 1rem;
	text-shadow: 2px 2px 6px rgba(0, 0, 0, .6)
}

.event-description {
	color: var(--paper-yellow);
	font-size: 1.05rem;
	line-height: 1.8;
	margin-bottom: 2rem
}

.event-btn {
	background-color: var(--muted-gold);
	color: var(--charcoal-ink);
	padding: .8rem 2rem;
	border-radius: 50px;
	font-weight: 600;
	border: none;
	transition: .3s
}

.about-story-title,
.about-value-card h4,
.about-values-title,
.purpose-title {
	font-family: 'Playfair Display', serif;
	font-weight: 700
}

.event-btn:hover {
	background-color: var(--burnt-brown);
	color: var(--paper-yellow);
	transform: translateY(-3px)
}

@media (max-width:992px) {
	.memory-fade-wrapper {
		gap: 1rem
	}

	.memory-slot {
		width: 260px;
		height: 220px
	}

	.heritage-cta-section {
		height: 70vh;
		background-attachment: scroll
	}

	.cta-heading {
		font-size: 2rem
	}

	.contact-info,
	.footer-links,
	.footer-logo {
		text-align: center
	}

	.footer-logo {
		font-size: 1.7rem
	}

	.footer-mini,
	.footer-quote {
		text-align: center;
		max-width: 400px;
		margin: 0 auto 1.5rem
	}

	.footer-heading::after {
		margin: .4rem auto
	}

	.social-icons {
		justify-content: center
	}

	.event-title {
		font-size: 1.9rem
	}

	.event-box {
		padding: 2rem
	}
}

.about-page-hero {
	position: relative;
	height: 50vh;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	color: var(--paper-yellow);
	overflow: hidden
}

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

.about-hero-vignette {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: radial-gradient(ellipse at center, transparent 60%, rgba(0, 0, 0, .5) 100%);
	z-index: 2
}

.about-our-story-section,
.about-values-section {
	background-color: #f6e6b8;
	background-size: cover;
	background-repeat: no-repeat;
	border-top: 2px dashed rgba(123, 75, 42, .3);
	border-bottom: 2px dashed rgba(123, 75, 42, .3)
}

.about-story-img-wrapper {
	overflow: hidden;
	border-radius: 12px;
	box-shadow: 0 12px 25px rgba(0, 0, 0, .15)
}

.about-story-img {
	width: 100%;
	height: auto;
	object-fit: cover;
	filter: sepia(.4) contrast(1.1) brightness(.9);
	transition: .8s
}

.about-story-img-wrapper:hover .about-story-img {
	transform: scale(1.05);
	filter: sepia(.2) contrast(1) brightness(1)
}

.about-story-content {
	padding: 1rem
}

.about-story-title,
.purpose-title {
	font-size: 2.3rem;
	color: var(--burnt-brown);
	margin-bottom: 1rem
}

.about-story-intro {
	font-style: italic;
	color: var(--charcoal-ink);
	font-size: 1.1rem;
	margin-bottom: 1rem
}

.about-story-text {
	font-size: 1rem;
	line-height: 1.8;
	color: var(--charcoal-ink)
}

.about-values-section {
	background-image: url('../img/paper-texture.webp')
}

.about-values-title {
	color: var(--burnt-brown);
	font-size: 2.3rem
}

.about-values-intro {
	font-style: italic;
	color: var(--charcoal-ink);
	max-width: 700px;
	margin: auto;
	font-size: 1.1rem;
	line-height: 1.8
}

.about-value-card {
	background: #fff9eb;
	border: 1px solid rgba(123, 75, 42, .25);
	border-radius: 12px;
	padding: 2rem 1.5rem;
	transition: .4s;
	box-shadow: 0 10px 20px rgba(0, 0, 0, .08)
}

.about-value-card:hover {
	transform: translateY(-6px);
	box-shadow: 0 15px 35px rgba(0, 0, 0, .18);
	border-color: rgba(123, 75, 42, .4)
}

.about-purpose-section,
.why-choose-section {
	background-size: cover;
	background-repeat: no-repeat;
	border-top: 2px dashed rgba(123, 75, 42, .25);
	border-bottom: 2px dashed rgba(123, 75, 42, .25)
}

.value-icon-wrapper {
	margin-bottom: 1rem
}

.about-value-card h4,
.value-icon {
	color: var(--burnt-brown);
	margin-bottom: .8rem
}

.about-value-card h4 {
	font-size: 1.4rem
}

.about-value-card p {
	color: var(--charcoal-ink);
	line-height: 1.7;
	font-size: 1rem
}

.value-icon {
	width: 60px;
	height: 60px;
	object-fit: contain;
	filter: sepia(.4) contrast(1.1);
	font-size: 2.8rem;
	filter: sepia(.3);
	transition: .3s
}

.about-value-card:hover .value-icon,
.choose-card:hover .choose-icon {
	color: var(--muted-gold);
	transform: scale(1.1)
}

.about-purpose-section {
	background-color: #f5e6b3;
	overflow: hidden
}

.purpose-image-wrapper img {
	border-radius: 12px;
	box-shadow: 0 8px 22px rgba(0, 0, 0, .18);
	transition: .5s
}

.purpose-image-wrapper img:hover {
	filter: sepia(.25) brightness(1);
	transform: scale(1.02)
}

.purpose-text {
	font-size: 1.05rem;
	color: var(--charcoal-ink);
	line-height: 1.85;
	margin-bottom: 1rem;
	font-style: italic
}

.purpose-btn {
	background-color: var(--burnt-brown);
	color: var(--paper-yellow);
	padding: .75rem 2rem;
	border-radius: 40px;
	font-weight: 600;
	letter-spacing: .8px;
	transition: .3s
}

.choose-card h5,
.memories-sec-title,
.why-choose-title {
	font-weight: 700;
	font-family: 'Playfair Display', serif
}

@media(max-width:768px) {

	.purpose-text,
	.purpose-title {
		text-align: center
	}

	.purpose-title {
		font-size: 1.8rem
	}

	.purpose-btn {
		display: block;
		margin: 1.2rem auto 0
	}
}

.why-choose-section {
	background-color: #f6e6b8;
	background-image: url('../img/paper-texture.webp')
}

.why-choose-title {
	font-size: 2.3rem;
	color: var(--burnt-brown)
}

.why-choose-intro {
	max-width: 750px;
	margin: auto;
	color: var(--charcoal-ink);
	font-style: italic;
	line-height: 1.8
}

.choose-card {
	background: #fff8e4;
	border: 1px solid rgba(123, 75, 42, .25);
	border-radius: 12px;
	padding: 2rem 1.5rem;
	transition: .3s;
	box-shadow: 0 8px 20px rgba(0, 0, 0, .08)
}

.choose-card:hover {
	transform: translateY(-6px);
	box-shadow: 0 12px 25px rgba(0, 0, 0, .15)
}

.choose-icon {
	font-size: 2.8rem;
	color: var(--burnt-brown);
	margin-bottom: 1rem;
	transition: .3s
}

.choose-card h5 {
	margin-bottom: .6rem;
	color: var(--burnt-brown)
}

.choose-card p {
	color: var(--charcoal-ink);
	line-height: 1.7
}

.memories-sec {
	background-color: #f5e6c8;
	background-image: url('../img/paper-texture.webp');
	background-size: cover
}

.memories-sec-title {
	color: #7b4b2a;
	font-size: 2.4rem
}

.memories-sec-subtitle {
	max-width: 600px;
	margin: 0 auto;
	color: #2b1b0e;
	font-style: italic;
	font-size: 1.1rem
}

.memories-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(310px, 1fr));
	gap: 25px
}

.mem-item {
	opacity: 1;
	transition: opacity .4s, transform .4s
}

.mem-hidden {
	max-height: 0;
	opacity: 0;
	overflow: hidden;
	transform: translateY(20px);
	transition: .6s
}

.mem-hidden.show {
	max-height: 700px;
	opacity: 1;
	transform: translateY(0)
}

.mem-video {
	width: 100%;
	height: 230px;
	overflow: hidden;
	border-radius: 12px;
	background: #000;
	box-shadow: 0 6px 18px rgba(0, 0, 0, .28);
	transition: transform .4s
}

.mem-video iframe {
	width: 100%;
	height: 100%;
	border: none
}

.tilt-box:hover {
	transform: scale(1.03) rotateX(4deg) rotateY(-4deg)
}

.mem-caption {
	font-family: 'Playfair Display', serif;
	margin-top: 12px;
	font-size: 1.1rem;
	color: #7b4b2a
}

.memories-btn {
	background-color: #7b4b2a;
	color: #f4e3b2;
	padding: 10px 28px;
	border-radius: 40px;
	border: none;
	font-weight: 600;
	letter-spacing: .5px;
	transition: background .3s, transform .3s
}

.journey-modern-card h4,
.journeys-modern-title {
	color: #7b4b2a;
	font-family: 'Playfair Display', serif
}

.heritage-btn:hover,
.memories-btn:hover {
	background-color: #d4af37;
	color: #2b1b0e;
	transform: translateY(-3px)
}

.journeys-modern-sec {
	background-color: #f5e6c8;
	background-image: url('../img/about.webp');
	background-size: cover
}

.journeys-modern-title {
	font-size: 2.5rem;
	font-weight: 700
}

.journeys-modern-subtitle {
	max-width: 620px;
	margin: auto;
	color: #2b1b0e;
	font-style: italic;
	font-size: 1.05rem
}

.journeys-modern-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: 35px;
	justify-content: center;
	perspective: 1200px
}

.journey-modern-card {
	background: rgba(255, 249, 235, .9);
	padding: 18px;
	border-radius: 16px;
	box-shadow: 0 10px 25px rgba(0, 0, 0, .15);
	position: relative;
	overflow: hidden
}

.journey-modern-card:hover {
	transform: translateY(-10px) scale(1.03);
	box-shadow: 0 18px 35px rgba(0, 0, 0, .3);
	transform: rotateX(6deg) rotateY(-6deg) scale(1.03);
	box-shadow: 0 18px 35px rgba(0, 0, 0, .28)
}

.journey-modern-card::after {
	content: "";
	position: absolute;
	inset: 0;
	background: radial-gradient(circle at top, rgba(212, 175, 55, .22), transparent 70%);
	opacity: 0;
	transition: opacity .45s
}

.contact-info-sec-card::after,
.contact-info-sec-card::before {
	content: "";
	position: absolute;
	width: 30px;
	height: 30px;
	opacity: .7
}

.journey-modern-img {
	height: 180px;
	width: 100%;
	border-radius: 12px;
	background-size: cover;
	background-position: center;
	filter: sepia(.25) contrast(1.05) brightness(.95);
	transition: transform .5s, filter .4s
}

.journey-modern-card:hover .journey-modern-img {
	filter: sepia(.18) contrast(1.1) brightness(1);
	transform: scale(1.08);
	filter: sepia(.15) contrast(1.1) brightness(1.05)
}

.journey-modern-card h4 {
	margin-top: 15px;
	font-size: 1.2rem;
	font-weight: 600
}

.journey-modern-card p {
	color: #2b1b0e;
	font-size: .95rem;
	margin-top: 5px;
	line-height: 1.5
}

@media (max-width:576px) {
	.experience-card {
		height: 250px
	}

	.cta-heading {
		font-size: 1.7rem
	}

	.cta-subtext {
		font-size: .95rem;
		padding: .8rem 1.2rem
	}

	.heritage-btn {
		font-size: .9rem;
		padding: .8rem 2rem
	}

	.event-title {
		font-size: 1.6rem
	}

	.event-description {
		font-size: .95rem
	}

	.event-btn {
		padding: .7rem 1.6rem;
		font-size: .9rem
	}

	.mem-video {
		height: 190px
	}

	.journey-modern-img {
		height: 160px
	}
}

.journey-modern-card {
	transform-style: preserve-3d;
	transition: transform .5s, box-shadow .5s
}

.contact-info-sec {
	background-color: #f4e7c3;
	background-image: url('../img/paper-texture.webp');
	background-size: cover;
	padding-bottom: 4rem;
	border-top: 2px dashed rgba(123, 75, 42, .35);
	border-bottom: 2px dashed rgba(123, 75, 42, .35);
	position: relative
}

.contact-info-sec-title {
	font-family: 'Playfair Display', serif;
	color: var(--burnt-brown);
	font-size: 2.6rem;
	font-weight: 700;
	letter-spacing: .5px
}

.contact-info-sec-subtitle {
	max-width: 650px;
	margin: auto;
	font-size: 1.15rem;
	color: var(--charcoal-ink);
	line-height: 1.8;
	font-style: italic;
	opacity: .85
}

#tch-preloader.hide,
.back-to-top-btn {
	opacity: 0;
	visibility: hidden
}

.contact-info-sec-card {
	background: linear-gradient(145deg, #fff8e8, #f0dfb6);
	border: 1px solid rgba(123, 75, 42, .25);
	border-radius: 14px;
	padding: 2.3rem 1.4rem;
	box-shadow: 0 10px 20px rgba(0, 0, 0, .15);
	position: relative;
	transition: transform .4s, box-shadow .4s
}

.contact-info-sec-card:hover {
	transform: translateY(-10px);
	box-shadow: 0 18px 28px rgba(0, 0, 0, .22)
}

.contact-info-sec-card::before {
	top: -8px;
	left: -8px;
	border-top: 3px solid var(--muted-gold);
	border-left: 3px solid var(--muted-gold)
}

.contact-info-sec-card::after {
	bottom: -8px;
	right: -8px;
	border-bottom: 3px solid var(--muted-gold);
	border-right: 3px solid var(--muted-gold)
}

.contact-info-sec-icon {
	width: 70px;
	height: 70px;
	background-color: var(--burnt-brown);
	color: var(--paper-yellow);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 26px;
	margin: 0 auto 1rem;
	box-shadow: 0 6px 14px rgba(0, 0, 0, .2);
	transition: transform .4s
}

.contact-form-map-title,
.contact-info-sec-card h5 {
	color: var(--burnt-brown);
	font-family: 'Playfair Display', serif
}

.contact-form-card,
.contact-map-card {
	box-shadow: 0 8px 20px rgba(0, 0, 0, .18)
}

.contact-info-sec-card:hover .contact-info-sec-icon {
	transform: scale(1.12)
}

.contact-info-sec-card h5 {
	font-size: 1.35rem;
	margin-bottom: .5rem
}

.contact-info-sec-card p {
	font-size: 1rem;
	color: var(--charcoal-ink);
	opacity: .9;
	line-height: 1.7
}

.contact-form-map-sec {
	background-color: #f4e7c3;
	background-image: url('../img/paper-texture.webp');
	background-size: cover;
	border-top: 2px dashed rgba(123, 75, 42, .35);
	border-bottom: 2px dashed rgba(123, 75, 42, .35)
}

.contact-form-map-title {
	font-size: 2.4rem;
	font-weight: 700
}

.contact-form-map-sub {
	max-width: 650px;
	margin: auto;
	font-size: 1.1rem;
	color: var(--charcoal-ink);
	font-style: italic
}

.contact-form-card {
	background: #fff8e8;
	border: 1px solid rgba(123, 75, 42, .3);
	padding: 2rem;
	border-radius: 14px
}

.contact-input {
	background-color: #fff3d8 !important;
	border: 1px solid rgba(123, 75, 42, .35) !important;
	border-radius: 8px;
	color: var(--charcoal-ink);
	padding: .75rem
}

.back-to-top-btn,
.contact-submit-btn {
	background-color: var(--burnt-brown);
	color: var(--paper-yellow)
}

.contact-input:focus {
	border-color: var(--muted-gold) !important;
	box-shadow: 0 0 6px rgba(212, 175, 55, .6)
}

.contact-submit-btn {
	padding: .8rem 2.2rem;
	border-radius: 40px;
	font-weight: 600;
	letter-spacing: .8px;
	border: none;
	transition: .3s
}

.contact-map-card {
	height: 100%;
	min-height: 350px;
	border-radius: 14px;
	overflow: hidden;
	border: 1px solid rgba(123, 75, 42, .3)
}

.back-to-top-btn {
	position: fixed;
	bottom: 32px;
	right: 32px;
	width: 55px;
	height: 55px;
	border: none;
	border-radius: 50%;
	box-shadow: 0 8px 18px rgba(0, 0, 0, .25);
	font-size: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: .4s;
	z-index: 999
}

.back-to-top-btn:hover {
	background-color: var(--muted-gold);
	color: var(--charcoal-ink);
	transform: translateY(-5px);
	box-shadow: 0 12px 28px rgba(0, 0, 0, .35)
}

.back-to-top-btn.show {
	opacity: 1;
	visibility: visible
}

.heritage-booking {
	background-color: #f4e3b2;
	background-image: url('../img/paper-texture.webp');
	background-size: cover;
	background-repeat: repeat;
	padding-bottom: 50px;
	padding-top: 90px;
	overflow: hidden
}

.booking-title {
	font-family: 'Playfair Display', serif;
	font-size: 2.6rem;
	color: #7b4b2a;
	font-weight: 700
}

.booking-subtitle {
	color: #2b1b0e;
	opacity: .8;
	font-size: 1.1rem;
	font-style: italic
}

.booking-form {
	background: rgba(255, 249, 235, .95);
	padding: 30px;
	border-radius: 15px;
	border: 1px solid rgba(123, 75, 42, .3)
}

.heritage-input {
	background-color: #fff8ea;
	border: 1px solid #c7a678;
	color: #2b1b0e;
	border-radius: 10px;
	padding: 10px 14px;
	transition: .3s
}

.heritage-input:focus {
	border-color: #7b4b2a;
	box-shadow: 0 0 8px rgba(123, 75, 42, .3)
}

.heritage-btn {
	background-color: #7b4b2a;
	color: #f4e3b2;
	padding: 12px 28px;
	font-weight: 600;
	border-radius: 40px;
	letter-spacing: 1px;
	transition: .3s
}

@media (max-width:768px) {
	.memory-fade-wrapper {
		flex-direction: column;
		align-items: center
	}

	.memory-slot {
		width: 90%;
		height: 220px
	}

	.gallery-item img {
		height: 200px
	}

	.lightbox-img {
		max-height: 70%
	}

	.about-page-hero {
		height: 65vh
	}

	.about-hero-content h1 {
		font-size: 1.8rem
	}

	.about-hero-content p {
		font-size: 1rem;
		padding: .6rem 1rem
	}

	.about-story-title {
		font-size: 1.8rem;
		text-align: center
	}

	.about-story-content {
		text-align: center
	}

	.about-values-title,
	.booking-title,
	.contact-form-map-title {
		font-size: 2rem
	}

	.about-value-card {
		padding: 1.6rem
	}

	.choose-card {
		padding: 1.5rem 1.2rem
	}

	.choose-icon {
		font-size: 2.4rem
	}

	.contact-info-sec-title {
		font-size: 2.1rem
	}

	.contact-info-sec-card {
		padding: 2rem 1.2rem
	}

	.contact-map-card {
		min-height: 280px
	}

	.booking-form {
		padding: 20px
	}
}

#tch-preloader {
	position: fixed;
	inset: 0;
	background:#F4E3B2;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	z-index: 999999;
	transition: opacity .6s, visibility .6s
}

.tch-loader-ring {
	width: 90px;
	height: 90px;
	border-radius: 50%;
	border: 3px solid rgba(212, 175, 55, .9);
	border-top-color: transparent;
	animation: 1.2s linear infinite spin;
	margin-bottom: 25px;
	filter: drop-shadow(0 0 6px rgba(212, 175, 55, .4))
}

.tch-loader-title .en-text {
	font-family: 'Great Vibes', cursive;
	font-size: 2.4rem;
	color: #f4e3b2;
	animation: 2s ease-in-out infinite glowPulse;
	display: block
}

.tch-loader-title .bn-text {
	font-family: Atma, sans-serif;
	font-size: 1.2rem;
	color: #e8d7ac;
	opacity: .85
}

@keyframes spin {
	to {
		transform: rotate(360deg)
	}
}

@keyframes glowPulse {

	0%,
	100% {
		text-shadow: 0 0 4px rgba(244, 227, 178, .2)
	}

	50% {
		text-shadow: 0 0 12px rgba(244, 227, 178, .5)
	}
}
.tch-road {
      width: 110%;
      height: 6px;
      margin: -8px;
      background: rgba(60, 40, 25, 0.55);
      position: relative;
      overflow: hidden;
      box-shadow:
        0 2px 4px rgba(0,0,0,0.25),
        inset 0 1px 3px rgba(255,255,255,0.18),
        inset 0 -2px 4px rgba(0,0,0,0.35);
    }

    .tch-road::before {
      content: "";
      position: absolute;
      inset: 0;
      background: repeating-linear-gradient(
        to right,
        rgba(0,0,0,0.25) 0 3px,
        rgba(0,0,0,0.15) 3px 6px
      );
      opacity: 0.25;
      animation: road-grain 0.7s linear infinite;
    }

    @keyframes road-grain {
      from { transform: translateX(0); }
      to   { transform: translateX(-20px); }
    }

    .carousel.carousel-fade .carousel-item {
      opacity: 0;
      transition: opacity 1s ease-in-out;
    }
    .carousel.carousel-fade .carousel-item.active {
      opacity: 1;
    }

    .right-bookmark-wrapper {
      position: fixed;
      top: 50%;
      right: 0;
     z-index: 500 !important;
    }

    .right-bookmark-toggle {
      background: linear-gradient(180deg, var(--burnt-brown), #4a2b16);
      height: 65px;
      width: 65px;
      border-radius: 12px 0 0 12px;
      display: flex;
      justify-content: center;
      align-items: center;
      cursor: pointer;
      box-shadow: -4px 4px 12px rgba(0,0,0,0.35);
      transition: all 0.3s ease;
    }

    .right-bookmark-toggle:hover {
      background: var(--muted-gold);
      color: var(--charcoal-ink);
    }

    .arrow-icon {
      width: 12px;
      height: 12px;
      border-top: 3px solid var(--paper-yellow);
      border-right: 3px solid var(--paper-yellow);
      transform: rotate(135deg);
      transition: transform 0.4s ease;
    }

    .right-bookmark-toggle.active .arrow-icon {
      transform: rotate(225deg);
    }

    .right-bookmark-panel {
      position: absolute;
      top: 60px;
      right: 0;
      width: 65px;
      padding: 18px 0;
      border-radius: 0 0 0 14px;
      background: rgba(255, 249, 230, 0.97);
      border: 1px solid rgba(123, 75, 42, 0.2);
      backdrop-filter: blur(6px);
      display: flex;
      flex-direction: column;
      gap: 20px;
      opacity: 0;
      visibility: hidden;
      transform: translateY(-12px);
      transition: all 0.35s ease;
      box-shadow: -6px 10px 18px rgba(0,0,0,0.25);
    }

    .right-bookmark-panel.open {
      opacity: 1;
      visibility: visible;
      transform: translateY(0px);
    }

    .rb-item {
      text-align: center;
      font-size: 22px;
      color: var(--burnt-brown);
      transition: all 0.3s ease;
    }

    .rb-item:hover {
      color: var(--muted-gold);
      transform: translateX(-4px) scale(1.12);
    }

    .nav-logo {
      height: 40px;
      width: auto;
      border-radius: 25px;
    }

    .tch-rickshaw {
      width: 220px;
      height: 180px;
      margin: 0 auto 8px;
      display: flex;
      align-items: flex-end;
      justify-content: center;
      overflow: visible;
      position: relative;
      animation: rickshaw-move 4s ease-in-out infinite;
    }

    @keyframes rickshaw-move {
      0% { transform: translateX(-40px); }
      50% { transform: translateX(40px); }
      100% { transform: translateX(-40px); }
    }

    .tch-rickshaw img {
      max-width: 100%;
      height: auto;
      filter: sepia(0.15) contrast(0.95) saturate(0.95);
      transform-origin: 50% 80%;
      animation: tch-bob 1400ms ease-in-out infinite;
    }
    @media (max-width: 991px) {
  .navbar-collapse {
    position: fixed;
    top: 75px; /* height of your navbar */
    left: 0;
    width: 100%;
    background: rgba(43, 27, 14, 0.95);
    padding: 20px 0;
    z-index: 9998;
  }

  .navbar-toggler {
    z-index: 99999; /* ensures toggler STAYS ON TOP */
  }
}