body{
	margin:0;
	padding:0;
}

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

.nav-item a:hover{
	color:red;
} 

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;
}

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.scrolled a.nav-link:hover{
	color:#003a96;
}

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{
	width:100%;
	height:100%;
	background: url(https://ik.imagekit.io/maheenasim/meeting.jpeg?updatedAt=1756753644912);
	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;
}

.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:45px;
	margin-bottom:15px;
}

.home-text h3{
	font-size:30px;
	color:white;
}

#services{

	background: url(https://ik.imagekit.io/maheenasim/bg.jpeg?updatedAt=1756745326256);
	background-size:cover;
	position:relative;
	overflow:hidden;
	
}

.serv-text{
	display:flex;
	justify-content:center;
	align-items:center;
	flex-direction:column;
	margin-top:100px;
}

.serv{
	margin-top:70px;
}

.serv h2{
	font-size:25px;
}

.serv p{
	font-size:15px;
}

.col2{
	margin-bottom:50px;
}

/*Clients*/

.clients-img{
	display:flex;
	justify-content:center;
	align-items:center;
	width:100%;
	flex-wrap: wrap;
	transform: scale(0.7);
	gap:45px;
}

.clients .box{
	display:flex;
	justify-content:center;
	align-items:center;
	
}

.client-text{
	text-align:center;
	margin-bottom:50px;
}

.client-text h2{
	font-size:30px;
}



#clients{
	margin-top:100px;
	
}

#contact{
	margin-top:100px;
 
}

.contact-header {
  text-align: center;
  padding: 60px 20px;
}

.contact-header h1 {
  font-size: 36px;
  margin-bottom: 10px;
}

.contact-header p {
  max-width: 600px;
  margin: 0 auto;
  color: #666;
}

.contact-section {
  display: flex;
  justify-content: space-between;
  gap: 40px;
  padding: 60px 10%;
  background: #f1f1f1;
}

.contact-info {
  flex: 1;
}

.contact-info h2 {
  font-size: 24px;
  margin-bottom: 15px;
}

.contact-info h3{
	 font-size: 24px;
}

.contact-info p {
  margin-bottom: 20px;
  color: #555;
}

.info-item {
  display: flex;
  align-items: flex-start;
  margin-bottom: 10px;
}

.info-item .icon {
  font-size: 20px;
  margin-right: 15px;
  color:#de450d;
  margin-top:5px;
}

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

.contact-form {
  flex: 1;
  background: #fff;
  padding: 30px;
  border-radius: 10px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.05);
}

.contact-form h2 {
  margin-bottom: 20px;
}

.contact-form input,
.contact-form textarea {
  width: 100%;
  padding: 12px;
  margin-bottom: 15px;
  border: 1px solid #ddd;
  border-radius: 6px;
}

.contact-form button {
  background: #de450d;
  color: #fff;
  border: none;
  padding: 12px 20px;
  border-radius: 6px;
  cursor: pointer;
  font-size: 16px;
}

.contact-form button:hover {
  background: #fc722d;
  transition: background 0.3s ease, transform 0.3s ease;
   transform: scale(1.05);
}