body 
{ 
	font-family: 'Segoe UI', sans-serif; 
	background: #f9f9f9; 
}

header 
{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 5000;
	background: #fff; /* Adjust background as needed */
	box-shadow: 0 2px 5px rgba(0,0,0,0.1); /* Optional: subtle shadow for header */
}

/* Add padding to main content to prevent overlap with fixed header */
.main-page-wrapper 
{
	padding-top: 0px; /* Adjust this value based on your header height */
}	

/* Scoped styles for Tattva page */
.tattva-wrapper 
{
	font-family: Arial, sans-serif;
	margin: 0;
	background: #f9f9f9;
	color: #333;
}

.tattva-wrapper .tattva-header 
{
	background: #4a148c;
	color: #fff;
	padding: 2rem;
	text-align: center;
}

.tattva-wrapper .tattva-header h1 
{
	margin: 0;
	font-size: 2.5rem;
}

.tattva-wrapper .tattva-header p 
{
	margin: 0.5rem 0;
}

.tattva-wrapper nav.tattva-nav 
{
	background: #6a1b9a;
	padding: 0.5rem;
	text-align: center;
}

.tattva-wrapper nav.tattva-nav a 
{
	color: #fff;
	margin: 0 1rem;
	text-decoration: none;
	font-weight: bold;
}

.tattva-wrapper section 
{
	padding: 2rem;
	max-width: 900px;
	margin: auto;
}

.tattva-wrapper section h2 
{
	color: #4a148c;
	margin-bottom: 1rem;
}

.tattva-wrapper .cta-button 
{
	display: inline-block;
	background: #4a148c;
	color: #fff;
	padding: 0.75rem 1.5rem;
	text-decoration: none;
	border-radius: 5px;
	margin-top: 1rem;
}

.tattva-wrapper footer.tattva-footer 
{
	background: #4a148c;
	color: #fff;
	text-align: center;
	padding: 1rem;
	margin-top: 2rem;
}

.tattva-nav 
{
	display: flex;
	justify-content: center;
	gap: 10px;
	border-bottom: 2px solid #eee;
	background-color: #6a1b9a;   /* keep purple */
	padding-top: 6px;            /* reduce vertical padding */
	padding-bottom: 6px;
	margin: 0;  	
}

.tattva-nav a 
{
	color: #fff;
	text-decoration: none;
	margin: 0 12px;              /* spacing between links */
	font-weight: bold;
	font-size: 1.25rem;          /* slightly smaller text if needed */
}

.tattva-nav a:hover 
{
	border-bottom: 2px solid #4a148c;
}

/* Remove banner background and align text left */
.tattva-header 
{
	background: none !important;   /* removes the orange band color */
	padding: 0.5rem 0;             /* keep a slim vertical space */
	text-align: left;              /* align heading and paragraph left */
}

/* Optional: adjust heading and subtitle spacing */
.tattva-header h3 
{
	margin: 0;
	color: #4a148c;                /* keep your purple theme */
}

.tattva-header p 
{
	margin: 0.25rem 0 0;           /* small gap below heading */
	color: #333;                   /* neutral text color */
}




.cta-button 
{
	display: inline-block;
	background: #4a148c;
	color: #fff;
	padding: 0.75rem 1.5rem;
	text-decoration: none;
	border-radius: 5px;
	margin-top: 1rem;
}
	
/* Reduce vertical spacing */
section#gallery 
{
	margin: 2rem auto;   /* smaller top/bottom margin */
	padding: 1rem 0;     /* less padding */
}

/* Heading spacing */
#gallery h2 
{
	margin-bottom: 0.5rem; /* tighten space below heading */
}

/* Swiper container spacing */
.swiper 
{
	padding: 0;          /* remove extra padding */
	margin: 0 auto;      /* center without extra space */
}

/* Slide captions */
.swiper-slide p 
{
	margin-top: 6px;     /* small gap below image */
	margin-bottom: 0;    /* no extra gap below caption */
	font-size: 0.9rem;   /* slightly smaller text */
}

/* Pagination dots spacing */
.swiper-pagination 
{
	margin-top: 8px;     /* small gap above dots */
	margin-bottom: 0;    /* remove bottom whitespace */
}

/* Navigation arrows spacing */
.swiper-nav 
{
	margin-top: 8px;     /* tighten gap above arrows */
}