:root {
			--primary-bg: #f3f4f6;
			--primary-color: #111827;
			--header-bg: #7c3aed;
			--header-text: white;
			--footer-bg: #f8f9fa;
			--tableheader-bg: #f2f2f2;
			--caption-font-size: 1.5rem;
		}

		header {
			background-image: url('/img/header.jfif');
			color: var(--header-text);
			text-align: center;
			padding: 0.5rem;
		}

		html,
		body {
			height: 100%;
			margin: 0;


			padding: 0;
			display: flex;
			flex-direction: column;
		}

		body {
			background: linear-gradient(to bottom left, #e2cda7, #dcb4b2);
			background-size: cover;
			background-repeat: no-repeat;
			background-attachment: fixed;
			background-position: center;
			color: var(--primary-color);
			font-family: 'Devanagari', sans-serif;
			padding: 0;
			min-height: 100vh;
			display: flex;
			flex-direction: column;
		}

		body.indexpage {
			background: linear-gradient(to bottom left, #FFC400, #E02722);
			background-size: cover;
			background-repeat: no-repeat;
			background-attachment: fixed;
			background-position: center;
			color: var(--primary-color);
			font-family: 'Devanagari', sans-serif;
			padding: 0;
			min-height: 100vh;
			display: flex;
			flex-direction: column;
		}

		section {
			padding: 1rem;
			flex: 1;
			display: flex;
			flex-direction: column;
		}

		header h1 {
			margin: 0;
			font-size: 1.8rem;
		}

		.addspace {
			margin-bottom: 1rem;
		}

		/* Table */

		table {
			border-collapse: collapse;
			width: 100%;
			font-family: Arial, sans-serif;
			font-size: 1rem;
			/* margin: .5rem; */
		}

		th,
		td {
			border: 1px solid #000;
			padding: 8px;
			text-align: center;
		}

		caption {
			caption-side: top;
			font-size: var(--caption-font-size);
			font-weight: bold;
			padding: 10px;
		}

		.contact-card {
			background: white;
			border: 1px solid #ccc;
			padding: 15px;
			margin-bottom: 15px;
			border-radius: 10px;
			box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
		}

		.contact-card h3 {
			margin-top: 0;
		}

		.call-btn {
			background-color: #28a745;
			color: white;
			padding: 8px 12px;
			text-decoration: none;
			border-radius: 5px;
			font-weight: bold;
		}


		ul {
			list-style: none;
			padding: 0;
		}

		.addspace {
			margin-bottom: 1rem;
		}

		li.addspace-index {
			margin: 10px 0;
			padding: 10px 20px;
			text-align: center;
			background-color: #e0e0f8;
			border: 2px solid #7c3aed;
			border-radius: 50px;
			width: fit-content;
			max-width: 90%;
			min-width: 25%;
			font-weight: bold;
			transition: background-color 0.3s ease;
			text-align: left;
		}
		@media (max-width: 768px) {
			li.addspace-index {
			  min-width: 90%;
			}
		  }

		li.addspace-index a {
			text-decoration: none;
			color: #111827;
			display: block;
		}

		li.addspace-index:hover {
			background-color: #d1c4e9;
		}

		.designation {
			margin-bottom: 10px;
		}

		footer {
			flex-shrink: 0;
			padding: 0.25rem 0.5rem;
			text-align: center;
			font-size: 0.7rem;
		}

		.main-footer {
			background-image: url('/img/footer.png');
			background-repeat: no-repeat;
			background-position: center;
			background-size: cover;
			width: 100%;
			aspect-ratio: 8 / 1;
			display: flex;
			align-items: center;
			justify-content: center;
			color: white;
			font-size: 0.8rem;
			background-color: #111827;
			overflow-x: hidden;
			box-sizing: border-box;
		}

		.place {
			margin-bottom: 10px;
		}
		
		.contact-block {
			margin-bottom: 16px; /* प्रत्येक contact block मध्ये अंतर */
		  }