@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500;600&family=Inter:wght@300;400;500&display=swap');

		/* HAMBURGER MENU */
  .hamburger{
  display:none;
  font-size:26px;
  color:var(--heading-color);
  cursor:pointer;
  margin-left:auto;

  position:relative;   /* ✅ ADD */
  z-index:10001;       /* ✅ ADD (must be above overlays) */
  pointer-events:auto; /* ✅ ADD */
 
 background:transparent;
border:none;

}



		@media(max-width:1024px){
			.hamburger{
				display:block;
			}
		}

		/* HIDE DESKTOP NAV WHEN HAMBURGER IS ACTIVE */
		@media (max-width:1024px){
			header nav{
				display:none;
			}
		}
		@media (max-width:1024px){
	.mobile-menu{
		z-index:10000;
	}
}
:root{
	--white:#FBFBF9;

	/* Premium Matte Palette */
	--matte-light-blue:#D9ECF7;
	--matte-dark-blue:#0E1B2A;
	--matte-black:#0B0B0B;

	/* Semantic */
	--bg-primary:#FBFBF9;
	--bg-secondary:#D9ECF7;
	--bg-dark:#0E1B2A;
	--bg-black:#0B0B0B;

	--heading-color:#0E1B2A;
	--body-color:#141414;

	/* Accent (limited use only) */
	--text-on-dark:#F4F6F8;
    --text-muted:#4B5563;
    --border-soft:rgba(14,27,42,.15);

}


		*{
			margin:0;
			padding:0;
			box-sizing:border-box;
		}
body{
	background:var(--white);
	color:#1F2933; /* premium dark grey */
	font-family:'Inter',sans-serif;
	overflow-x:hidden;
}
/* GOLD CONTRAST BOOST ON DARK OVERLAYS */
.slide-overlay h1,
.map-content,
footer,
footer *{
	text-shadow:0 1px 1px rgba(0,0,0,0.35);
}


/* ================= HEADER MENU COLOR LOCK ================= */
header nav a{
	color:var(--heading-color);
}
header{
position:fixed;
top:0;
left:0;
width:100%;
z-index:10002;
padding:12px 48px;
display:flex;
justify-content:flex-start;
align-items:center;
background:var(--bg-primary);
border-bottom:1px solid rgba(0,0,0,.05);
pointer-events:auto;
}
header *{
pointer-events:auto;
}

		/* FIX: Make header links clickable */
      header{
      pointer-events:auto;
      z-index:10002;
}


		header *{
			pointer-events:auto;
		}

		/* Force hero layers behind header */
		.slide-media{
	pointer-events:none;
}
		/* FIX 4 — Allow scrolling & taps */
.hero{
	pointer-events:auto;
}



.slide-overlay h1,
.slider-controls,
.slider-controls button{
  pointer-events:auto;
}
 header img{
	height:72px;
	width:auto;
	max-width:180px;
	object-fit:contain;
}

.logo-link{
  display:inline-flex;
  align-items:center;
  flex-shrink:0;
  margin-right:18px;
  text-decoration:none;
}

/* Tablet */
@media (max-width:1024px){
	header img{
		height:72px;
		max-width:150px;
	}
}
nav a{
	margin-left:32px;
	color:var(--heading-color);
	text-decoration:none;
	position:relative;
}

header{
  gap:18px;
}

header nav{
  margin-left:auto;   /* ✅ pushes menu to the right on desktop */
}

nav a::after{
	content:'';
	position:absolute;
	left:0;
	bottom:-6px;
	width:0;
	height:2px;
	background:var(--matte-dark-blue);
	transition:.4s;
}

nav a:hover::after{
	width:100%;
}

/* HERO SLIDER */
.hero{
	height:860px; /* ~9 inches desktop */
	min-height:100vh;
	width:100%;
	position:relative;
	overflow:hidden;
}
 
/* Tablet */
@media (max-width:1024px){
	.hero{
		height:720px;
	}
}

/* Mobile */
@media (max-width:768px){
	.hero{
		height:560px;
	}
}

.slide{
	position:absolute;
	inset:0;
	opacity:0;
	transition:opacity .5s ease;
}

.slide.active{
	opacity:1;
}

.slide-media{
	position:absolute;
	inset:0;
	z-index:1;
}

.slide-media img,
.slide-media video{
	width:100%;
	height:100%;
	object-fit:cover;
	transform:scale(1.05);
	filter: brightness(1.08) contrast(1.05);
}

.slide-overlay{
	position:absolute;
	inset:0;
	z-index:2;
    background:rgba(14,27,42,.78);
	display:flex;
	align-items:center;
	justify-content:center;
	text-align:center;
	
	pointer-events:none;
	
}

.slide-overlay h1{
	font-family:'Playfair Display',serif;
	font-size:56px;
	color:#F4F6F8; /* matte white */
	max-width:1100px;
	letter-spacing:.6px;
	position:relative;
}


.slider-controls{
	position:absolute;
	bottom:30px;
	right:60px;
	z-index:3;
}

.slider-controls button{
	background:transparent;
	border:1px solid var(--text-on-dark);
	color:var(--text-on-dark);
	padding:10px 18px;
	font-size:20px;
	cursor:pointer;
	margin-left:10px;
}

/* SECTIONS – FULL WIDTH FIX */
section{
	width:100%;
	min-height:30vh;
	padding:80px 120px;
}
.section-title{
	font-family:'Playfair Display',serif;
	font-size:42px;
	color:var(--heading-color);
	margin-bottom:20px;
}
p,
li,
a,
span{
	color:var(--body-color);
}


/* WHO WE ARE – FULL WIDTH + SHINE */
.about-section{
	width:100%;
	display:flex;
	flex-direction:column;
	justify-content:center;
}

.about-section p{
	max-width:100%;
	line-height:1.8;
	position:relative;
}
.about-link{
  display:inline-block;
  margin-top:18px;
  color:var(--heading-color);
  font-weight:500;
  text-decoration:none;
  position:relative;
}

.about-link::after{
  content:'';
  position:absolute;
  left:0;
  bottom:-6px;
  width:0;
  height:2px;
  background:var(--matte-dark-blue);
  transition:.35s ease;
}

.about-link:hover::after{
  width:100%;
}


/* SERVICES – CARD ELEVATION */
.services-container{
	overflow:hidden;
	width:100%;
}
/* SERVICES SECTION BACKGROUND */
.services-section{
  background:var(--bg-secondary);
  scroll-margin-top:140px; /* prevents title going behind fixed header */
  padding-top:110px;       /* gives breathing space above title */
  padding-bottom:110px;    /* makes section feel centered */
}
@media(min-width:1025px){
  .services-section{
    min-height:100vh;          /* keeps section full screen */
    display:flex;
    flex-direction:column;
    justify-content:center;    /* centers content vertically */
  }
}


.services-section .section-title{
	color:var(--heading-color);
}

.services-track{
	display:flex;
	gap:28px;
	transition: transform .6s ease;
}

.service-card{
	min-width:320px;
	border:1px solid rgba(14,27,42,.12);
	background:#ffffff;
	border-radius:18px;
	padding:26px;
	box-shadow:0 0 0 rgba(201,162,77,0);
	display:block;
text-decoration:none;

}

.service-card.active-glow{
	box-shadow:0 8px 24px rgba(0,0,0,.12);
}

.service-card img{
	width:100%;
	height:140px;
	object-fit:cover;
	border-radius:12px;
	margin-bottom:14px;
}

.service-card p{
    color:var(--text-muted);
	font-size:14px;
	line-height:1.6;
	opacity:.9;
}

.service-card strong{
  display:block;
  font-size:18px;
  font-weight:600;
  color:var(--heading-color);
  margin-bottom:10px;
}

.services-arrows{
  display:flex;
  justify-content:space-between;
  align-items:center;
  width:100%;
  margin-top:18px;
}

.services-arrows button{
  background:transparent;
  border:1px solid var(--matte-dark-blue);
  color:var(--matte-dark-blue);
  padding:10px 18px;
  cursor:pointer;
  border-radius:10px;
}

/* PREMIUM GSAP GOLDEN GLOW BACKDROP */
.service-card{
	position:relative;
	overflow:visible;
}

/* METRICS */
.metrics{
	display:grid;
	grid-template-columns:repeat(4,1fr);
	text-align:center;
}
/* ================= OUR WORK IMPACT ================= */
.work-impact{
	background:var(--bg-dark);
	min-height:4in;              /* ~4 inches */
	display:flex;
	flex-direction:column;
	justify-content:center;
	
		padding-bottom:120px;   /* ✅ NEW: space before next section */
}

.work-impact .section-title{
	color:var(--text-on-dark);
	text-align:center;
	margin-bottom:48px;
}

.work-impact .metric{
	color:var(--text-on-dark);
	font-size:15px;
	letter-spacing:.4px;
}

.work-impact .metric span{
	color:var(--matte-light-blue);
	font-size:52px;
	font-weight:500;
}


.metric span{
	font-size:48px;
	color:var(--matte-dark-blue);
	display:block;
}

/* MAP */
.map{
	background:
	linear-gradient(rgba(14,27,42,.65), rgba(14,27,42,.65)),
	url('/Assets/world-map.png') center/cover no-repeat;

	min-height:3.5in;          /* ✅ Increased section size */
	padding-top:120px;
	padding-bottom:120px;

	margin-top:80px;
}


.map::before{
	content:'';
	position:absolute;
	inset:0;
	background:rgba(20,20,20,.7);
}

.map-content{
	position:relative;
	text-align:center;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	color:var(--text-on-dark);   /* ✅ lighter premium text */
}

.map .section-title{
	color:var(--matte-light-blue);   /* ✅ premium light blue */
	font-size:54px;                  /* ⬆ bigger heading */
	letter-spacing:0.6px;
	margin-bottom:24px;
}

.map-content p{
	color:var(--text-on-dark);
	font-size:20px;              /* ⬆ bigger, elegant */
	letter-spacing:1px;
	opacity:0.9;
}


/* FAQ */
.faq-section{
	background:var(--bg-primary);
}

.faq-grid{
	display:grid;
	grid-template-columns:repeat(2, 1fr);
	gap:60px;
	margin-top:40px;
}

.faq-link{
	display:inline-block;
	margin-top:40px;
	color:var(--heading-color);
	font-weight:500;
	text-decoration:none;
}

.faq-item{
	border-bottom:1px solid var(--border-soft);
	padding:18px 0;
}
/* FAQ GRID – DESKTOP */
.faq-grid{
	display:grid;
	grid-template-columns:repeat(2, 1fr);
	column-gap:60px;
	row-gap:32px;
	margin-top:40px;
}


.faq-q{
	font-family:'Playfair Display',serif;
	color:var(--heading-color);
	font-size:20px;
	cursor:pointer;
}

.faq-a{
	margin-top:10px;
	font-size:15px;
	line-height:1.7;
	display:none;
}

/* FOOTER */
footer{
	background:#050f1f;
	padding:80px;
	display:grid;
	grid-template-columns:repeat(4, 1fr); /* ✅ equal width */
	column-gap:48px;                      /* ✅ controlled spacing */
	row-gap:40px;
	align-items:start;                   /* ✅ vertical alignment */
}

/* FOOTER COLUMN ALIGNMENT */
footer > div{
	display:flex;
	flex-direction:column;
	align-items:flex-start;
}

/* FOOTER COLUMN HEADINGS */
footer strong{
	color:#F4F6F8;
	font-weight:600;
	margin-bottom:14px;
	font-size:15px;
	letter-spacing:.3px;
}


footer a{
	color:#D1D5DB;
	display:block;
	margin-bottom:8px;
	text-decoration:none;
}

footer input,
footer textarea{
	width:100%;
	margin-bottom:10px;
	padding:10px;
	background:#071b2d;
	border:1px solid var(--border-soft);
	color:#F4F6F8;
}

footer button{
	background:#F4F6F8;
	color:#0B0B0B;
	border:none;
	padding:12px;
	cursor:pointer;
}

/* GLOBAL RESPONSIVE OPTIMIZATION */
img,
video{
	max-width:100%;
	height:auto;
}

/* Tablet & Mobile spacing only */
@media(max-width:1024px){
	section{
		padding-left:5vw;
		padding-right:5vw;
	}
}

/* Services mobile */
@media(max-width:768px){
	.services-container{
		overflow-x:auto;
		scroll-snap-type:x mandatory;
	}

	.services-track{
		width:100%;
		transform:none !important;
	}

	.service-card{
		flex:0 0 100%;
		min-width:100%;
		max-width:100%;
		scroll-snap-align:center;
	}
}


/* Metrics mobile */
@media(max-width:768px){
	.metrics{
		grid-template-columns:repeat(2,1fr);
		gap:30px;
	}

	/* FAQ – MOBILE SAFETY */
	.faq-grid{
		grid-template-columns:1fr;
		row-gap:24px;
	}
}

	.work-impact{
	min-height:auto;
	padding-top:100px;
	padding-bottom:100px;
	}
	
	.map{
		min-height:auto;
		padding-top:100px;
		padding-bottom:100px;
		margin-top:60px;
	}

	.map .section-title{
		font-size:38px;
	}

	.map-content p{
		font-size:16px;
	}
}

/* Footer responsive */
@media(max-width:1024px){
	footer{
		grid-template-columns:repeat(2,1fr);
	}
}

@media(max-width:768px){
	footer{
		grid-template-columns:1fr;
	}
}

/* ========================= MOBILE HEADER FIX ========================= */
@media (max-width: 768px){
  header{
    flex-direction:row;
    align-items:center;
    padding:12px 16px;
    gap:12px; /* ✅ ADD THIS */
  }

  header img{
    height:48px;
    max-width:160px;
  }
}


/* ========================= MOBILE BOTTOM NAVIGATION ========================= */
.mobile-bottom-nav{
	display:none;
}

/* MOBILE HAMBURGER MENU PANEL */
.mobile-menu{
	display:none;
	position:fixed;
	top:70px; /* below header */
	right:20px;
	background:rgba(20,20,20,0.95);
	padding:20px 24px;
	border-radius:14px;
	z-index:9999;
	min-width:220px;
}

.mobile-menu a{
	display:block;
	color:#F4F6F8 !important;
	margin-bottom:14px;
	text-decoration:none;
	font-size:15px;
}

@media (max-width: 768px){
	.mobile-bottom-nav{
		display:flex;
		position:fixed;
		bottom:0;
		left:0;
		width:100%;
		height:64px;
		background:rgba(20,20,20,0.98);
		border-top:1px solid rgba(201,162,77,0.3);
		z-index:9999;
		justify-content:space-around;
		align-items:center;
		backdrop-filter:blur(12px);
	}

	.mobile-bottom-nav a{
		color:var(--heading-color);
		font-size:13px;
		text-decoration:none;
		font-weight:500;
		letter-spacing:0.3px;
	}

	/* Prevent content hiding behind menu */
	body{
		padding-bottom:70px;
	}
}
.animate{
	will-change: opacity;
}
/* ================= OUR CLIENTS FIX ================= */

.clients-strip{
  background: var(--bg-dark);
  border-top: 1px solid rgba(255,255,255,0.08);
  border-bottom: 1px solid rgba(255,255,255,0.08);

  padding: 70px 0;
  margin-top: 80px;
  margin-bottom: 100px;

  overflow: hidden;
  position: relative;
  z-index: 2;
}

/* Optional: pause on hover (premium) */
.clients-marquee:hover .clients-track{
  animation-play-state:paused;
}

.clients-strip .section-title{
  color: var(--text-on-dark) !important;
}

.clients-marquee{
  width: 100%;
  overflow: hidden;
  position: relative;
}

.clients-track{
  display: flex;
  align-items: center;
  gap: 70px;
  width: max-content;
  flex-wrap: nowrap;

  animation: clientsScroll 35s linear infinite;
  will-change: transform;
}

/* LOGO TILE (works for transparent + dark + light + mixed logos) */
.clients-track img{
  height: 96px;        /* ~1 inch */
  width: 240px;        /* same width for all */
  flex: 0 0 auto;

  object-fit: contain;
  display: block;

  background: rgba(255,255,255,0.95);
  padding: 18px 22px;
  border-radius: 18px;

  border: 1px solid rgba(255,255,255,0.18);
  box-shadow: 0 10px 24px rgba(0,0,0,0.28);

  opacity: 1 !important;
  filter: none !important;
  mix-blend-mode: normal !important;

  transition: 0.25s ease;
}

.clients-track img:hover{
  transform: scale(1.06);
  box-shadow: 0 16px 34px rgba(0,0,0,0.35);
}

@keyframes clientsScroll{
  from{ transform: translateX(0); }
  to{ transform: translateX(-50%); }
}

/* Pause on hover */
.clients-marquee:hover .clients-track{
  animation-play-state: paused;
}