*{
margin:0;
padding:0;
box-sizing:border-box;
font-family:Arial, Helvetica, sans-serif;
}

body{
	background-size:cover;
	background-position:center;
	background-attachment:fixed;
	color:white;
}

/* CONTAINER */

.container{
	width:90%;
	margin:auto;
}

/* HERO AREA */

.hero {
	position: relative;
	height: 98vh;
	min-height: 500px;
}

/* CAROUSEL BACKGROUND */

.carousel{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:0;
}

.carousel-item{
	position:absolute;
	width:100%;
	height:100%;
	opacity:0;
	transition:opacity 0.5s ease;
}

.carousel-item.active{
	opacity:1;
}

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

/* HERO CONTENT ABOVE CAROUSEL */

.hero-content {
	position: relative;
	z-index: 2;
	overflow: visible; /* important */
}

/* CHECKERBOARD / HONEYCOMB OVERLAY */
.checkerboard-overlay, .honeycomb-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
}

.checker-tile, .honey-tile {
	position: absolute;
	opacity: 0;
	background-size: cover;
	background-position: center;
	animation-fill-mode: forwards;
}

.checker-tile {
	animation-name: revealTile;
	animation-duration: 0.8s;
}

@keyframes revealTile { to { opacity: 1; } }


/* TOPBAR */

.topbar{
	padding:8px 0;
	background:rgba(0,0,0,0);
}

/* HEADER */

.header{
	position:relative;
	z-index:2;
	background:rgba(255,255,255,0.25);
	backdrop-filter:blur(6px);
	padding:20px 0;
}

.header-content{
	display:flex;
	align-items:center;
	gap:20px;
}

.logo img{
	height:55px;
}

.title-area{
	display:flex;
	align-items:center;
	gap:25px;
}

.title{
	font-size:38px;
	font-weight:bold;
	letter-spacing:3px;
	color:#172B61;
}

.subtitle{
	font-size:14px;
	line-height:1.4;
	color:#172B61;
}

/* NAVBAR */

.navbar{
	position:sticky;
	top:0;
	left: 0;
	width: 100%;
	z-index:9999;
    background: rgba(0, 0, 0, 0);
	backdrop-filter:blur(2px);
    justify-content: flex-end;
}

.navbar.scrolled{
	background:white;
}

.navbar ul{
	display:flex;
	list-style:none;
	padding-right:40px;
	gap: 40px;
}

.navbar li {
    padding: 0; /* remove old vertical/horizontal padding */
    display: flex;
    align-items: center;
}

.navbar a{
	text-decoration:none;
	color:#172B61;
	font-weight:600;
	letter-spacing:1px;
}

.navbar a.active {
    color: #ffb347 !important; /* force hover color */
    border-bottom: 2px solid #ffb347;
    padding-bottom: 4px;
}

.navbar a:hover{
	color:#ffb347;
	border-bottom:2px solid #ffb347;
	padding-bottom:4px;
}

/* Show dropdown on hover (desktop) */
.navbar-nav .dropdown:hover > .dropdown-menu {
	display: flex;
	opacity: 1;
	visibility: visible;
	transition: opacity 0.3s ease;
}

/* Hide dropdown initially */
.dropdown-menu {
	display: none;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.3s ease;
}

/* Optional: maintain smooth transition on hover out */
.navbar-nav .dropdown:hover > .dropdown-menu {
	display: block;
	opacity: 1;
	visibility: visible;
}
/* CONTENT SECTION */

.home-section{
	padding:120px 0 80px 0;
	background:white;
	color:#333;
	text-align:center;
}

.home-section h2{
	font-size:32px;
	margin-bottom:20px;
}

.home-section p{
	max-width:700px;
	margin:auto;
	line-height:1.6;
}

/* EXTRA CONTENT */

.info-grid{
	display:flex;
	flex-wrap:wrap;          /* allow wrapping */
	gap:30px;
	margin-top:40px;
}

.info-card{
	flex: 0 0 calc(50% - 15px);  /* exactly 2 cards per row */
	background:#f7f7f7;
	padding:30px;
	border-radius:10px;
	box-shadow:0 4px 10px rgba(0,0,0,0.1);
	text-align:left;
}

@media (max-width:768px){
	.info-card{
		flex:0 0 100%;
	}
}