/* ========================= style.css ========================= */
body{margin:0;font-family:'Segoe UI',sans-serif;scroll-behavior:smooth}
.container{display:flex;justify-content:space-between;padding:20px 40px}
header{background:#0a1f44;color:#fff;position:sticky;top:0;z-index:1000}
nav ul{display:flex;list-style:none}
nav ul li a{color:#fff;padding:10px;text-decoration:none}
nav ul li a:hover{color:#ff6600}

.dropdown {
  position: relative;
}

.dropdown-menu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background: #f1f1f1;
  min-width: 220px;
  box-shadow: 0 5px 15px rgba(0,0,0,0.1);
  border-radius: 8px;
  overflow: hidden;
  z-index: 999;
}

.dropdown-menu li {
  list-style: none;
}

.dropdown-menu li a {
  display: block;
  padding: 12px 15px;
  color: #000;
  text-decoration: none;
  transition: 0.3s;
}

.dropdown-menu li a:hover {
  background: #0a1f44;
  color: #270202;
}

/* SHOW DROPDOWN */
.dropdown:hover .dropdown-menu {
  display: block;
}
.hero{height:90vh;background:url('https://images.unsplash.com/photo-1503387762-592deb58ef4e') center/cover;position:relative}
.hero-overlay{position:absolute;width:100%;height:100%;background:rgba(0,0,0,0.6)}
.hero-content{position:relative;color:#fff;text-align:center;top:50%;transform:translateY(-50%)}
.btn{background:#ff6600;padding:12px 25px;color:#fff;text-decoration:none}
.section{padding:70px 20px;text-align:center}
.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}
.card{padding:25px;background:#f4f4f4;border-radius:10px;transition:.3s}
.card:hover{transform:translateY(-10px);background:#0a1f44;color:#fff}
.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}
.gallery img{width:100%;border-radius:10px}
.testimonial-box{background:#f4f4f4;margin:10px auto;padding:20px;max-width:500px;border-radius:10px}
.contact form{max-width:400px;margin:auto;display:flex;flex-direction:column}
.contact input,.contact textarea{margin:10px 0;padding:12px}
.contact button{background:#0a1f44;color:#fff;padding:12px}
.map iframe{width:100%;height:300px;margin-top:20px;border:0}
.whatsapp{position:fixed;bottom:20px;right:20px;background:#25D366;color:#fff;font-size:24px;padding:15px;border-radius:50%}
.fade-in{opacity:0;transform:translateY(20px);animation:fadeIn 1s forwards}
@keyframes fadeIn{to{opacity:1;transform:translateY(0)}}
footer{background:#0a1f44;color:#fff;text-align:center;padding:20px}

.card h3 {
  font-size: 18px;
  font-weight: 700;
  margin: 10px 0;
  letter-spacing: 1px;
}

.card p {
  font-size: 14px;
  line-height: 1.6;
}

.card {
  text-decoration: none;
  color: inherit;
  display: block;
}

.container {
  display: flex;
  justify-content: space-between;
  align-items: center; /* IMPORTANT */
  padding: 10px 40px;
}

.logo img {
  height: 40px;   /* reduce size for clean look */
  width: auto;
  display: block;
}

.logo {
  display: flex;
  align-items: center;
}

nav {
  margin-left: auto;
}




header {
  padding: 10px 0;
}

.breadcrumb {
  padding: 15px 40px;
  background: #d3d8daf6;
  font-size: 14px;
}

.breadcrumb a {
  text-decoration: none;
  color: #d8dadd;
}

.breadcrumb span {
  color: #dfdbdb;
}

.logo {
  display: flex;
  align-items: center;
  gap: 3px;
  text-decoration: none;
}

.logo img {
  height: 50px;
  width: auto;
}

.logo-text {
  display: flex;
  flex-direction: column;
  line-height: 1;
}

.logo-text .main {
  font-size: 22px;
  font-weight: 700;
  color: #ffffff; /* BRIGHT WHITE */
  letter-spacing: 1px;
}

.logo-text .sub {
  font-size: 12px;
  color: #ffffff;
  opacity: 0.8;
  letter-spacing: 2px;
}