body{
	margin:0;
	padding:0;
}

.nav-menu{
	margin-right:30px;
}

header{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	background:transparent;
	border-bottom:none;
	z-index:1000;
	padding: 15px 0;
	transition: all 0.4s ease;  /* Smooth transition for all changes */
	box-shadow:none;
}
#home{
	width:100%;
	height:350px;
	background: url(https://ik.imagekit.io/maheenasim/about.jpeg?updatedAt=1756765000323);
	background-size:cover;
	position:relative;
	overflow:hidden;
}

.overlay{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(67, 89, 144, 0.9);
	z-index:1;
}

header.scrolled {
    background-color: white;          /* White background after scroll */
    box-shadow: 0 2px 10px rgba(0,0,0,0.2);  /* Subtle shadow */
}

header a.nav-link {
    color: #fff;
    transition: color 0.4s ease; /* Smooth color change */
}

header.scrolled a.nav-link {
    color: #de450d;   /* Keep red color after scroll */
}

header span.logo {
    color: #fff;
    transition: color 0.4s ease;
}

header.scrolled span.logo {
    color: #de450d;
}

.nav-item a{
	text-decoration:none;
	color:white;
	font-size:15px;
	transition: color 0.3s ease;
	
}

.home-text{
	z-index:2;
	position: relative;
	display:flex;
	justify-content:center;
	width:100%;
	height:100%;
	flex-direction:column;
	align-items:center;
}

.home-text h2{
	color:white;
	font-size:40px;
}

.about {
  padding: 80px 0;
  background: #f9f9f9;
}

.section-heading {
  font-size: 32px;
  font-weight: 700;
  color: #de450d;
  margin-bottom: 20px;
}

.about-text p {
  font-size: 16px;
  line-height: 1.6;
  margin-bottom: 20px;
}

.about-points li {
  font-size: 16px;
  margin-bottom: 10px;
}

.about-text h3 {
  color: #033080;
  margin-bottom: 20px;
}

.soft {
  max-width: 80%;
  border-radius: 10px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.05);
}

.social-icons {
  display: flex;
  gap: 15px;
  margin-top: 20px;
  font-size: 20px;
  color: #de450d;
}