*{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI,Arial}

body{color:#222;line-height:1.6}

.header{
  position:fixed;top:0;width:100%;
  background:#0a1f44;color:#fff;
  display:flex;justify-content:space-between;
  padding:15px 50px;z-index:1000;
}
.header a{color:#fff;margin-left:20px;text-decoration:none}

.hero{position:relative;height:100vh;overflow:hidden}
.hero-img{
  position:absolute;width:100%;height:100%;
  object-fit:cover;
}
.hero::after{
  content:"";position:absolute;inset:0;
  background:rgba(0,0,0,0.25);
}
.hero-content{
  position:relative;z-index:2;
  color:#fff;text-align:center;
  top:50%;transform:translateY(-50%);
}
.hero h1{font-size:48px;margin-bottom:15px}

.section{padding:80px 60px;text-align:center}

.sectionh{padding:80px 60px;text-align:center;font-size:18px;text-align: justify;font-family: 'Montserrat', sans-serif}

.sectionp{text-align:center;font-size:18px;text-align: justify;font-family: 'Montserrat', sans-serif}

.bg-light{background:#f5f7fa}

.grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
  gap:25px;margin-top:40px;
}
.card{
  background:#fff;padding:30px;
  border-radius:10px;
  box-shadow:0 8px 25px rgba(0,0,0,.1);
}

.image-section{
  display:flex;flex-wrap:wrap;
}
.image-section img{
  width:50%;object-fit:cover;
}
.image-text{
  width:50%;padding:60px;
  background:#0a1f44;color:#fff;
  text-align: justify
}

.contact-form{
  max-width:400px;margin:30px auto;
}
.contact-form input,textarea{
  width:100%;padding:12px;margin:10px 0;
}
button{
  background:#0a1f44;color:#fff;
  border:none;padding:12px;width:100%;
}

footer{
  background:#0a1f44;color:#fff;
  text-align:center;padding:20px;
}