.title {
		font-size: 22px;
		font-weight: bold;
		text-align: center;
		flex: 1;
		}
		.slider{
		width:100%;
		overflow:hidden;
		}

		/* IMPORTANT FIX */
		.slides img{
		width:100%;
		height:600px;   /* 🔥 KEY FIX */
		display:none;
		}

		.slides img.active{
		display:block;
		}
		/* BOOKING CARD */
		.events-section {
			background: #f5f5f5;
			padding: 60px 20px;
			text-align: center;
		}

		.events-section h2 {
			font-size: 32px;
			margin-bottom: 40px;
		}

		.events-container {
			display: flex;
			justify-content: center;
			gap: 10px;
			flex-wrap: wrap;
		}

		.event-card {
			background:#076ead;
			padding: 25px;
			width: 280px;
			border-radius: 15px;
			box-shadow: 0 10px 20px rgba(0,0,0,0.1);
			transition: 0.3s;
            color:white;
		}

		.event-card:hover {
			transform: translateY(-10px);
		}

		.event-card h3 {
			margin-bottom: 10px;
		}

		.book-btn {
			display: inline-block;
			margin-top: 15px;
			padding: 10px 20px;
			background: #00ffcc;
			color: black;
			text-decoration: none;
			border-radius: 5px;
		}
		/* FOOTER */
		html, body {
    height: 100%;
    margin: 0;
}


/* MAIN CONTENT */
main {
    flex: 1;
}

/* FOOTER */
footer {
    background: #2c3e50;
    color: white;
    text-align: center;
    padding: 10px;
}
		header.d-flex {
			flex-wrap: wrap;
			text-align: center;
		}

		/* LEFT LOGOS */
		header a {
			display: flex;
			gap: 10px;
			align-items: center;
		}

		/* ALL IMAGES */
		header img {
			max-height: 100px;
			
			height: auto;
		}

		/* TITLE */
		header .title {
			flex: 1 1 100px; /* allows wrapping */
			text-align: center;
			padding: 10px;
		}
		/* DEFAULT (desktop - keep as is) */
		header.d-flex {
			flex-wrap: nowrap;
		}

		/* 📱 MOBILE FIX (force layout) */
		@media (max-width: 768px) {

			/* 🔥 Override Bootstrap flex completely */
			header.d-flex {
				display: grid !important;
				grid-template-columns: 1fr;
				justify-items: center;
				align-items: center;
				text-align: center;
				gap: 10px;
			}

			/* 🔥 LOGO ROW: force ALL logos into ONE LINE */
			header a,
			header > img {
				display: inline-block;
			}

			/* Create one horizontal row */
			header a {
				display: flex !important;
				justify-content: center;
				align-items: center;
				gap: 10px;
			}

			/* Force NIC logo inline with others */
			header > img {
				display: inline-block !important;
				margin-left: 10px;
				vertical-align: middle;
			}

			/* 🔥 Wrap both into one visual row */
			header a,
			header > img {
				display: inline-flex !important;
			}

			/* LOGO SIZE */
			header img {
				max-height: 80px !important;
				height: auto;
			}

			/* TITLE BELOW */
			header .title {
				order: 2;
				width: 100%;
				font-size: 16px;
				margin-top: 5px;
			}
			   footer {
        font-size: 14px;
        padding: 12px;
    }

    .footer {
        line-height: 1.6;
    }
		}