@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap');
    @import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css');

/* Reset */
*{margin:0;padding:0;box-sizing:border-box}
body{
  font-family:'Poppins',sans-serif;
  color:#0b1c8c;
  background:#2475c7;
  line-height:1.5;
}

/* Header */
.color{
  background:linear-gradient(90deg,#2475c7,#0b1c8c);
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:10px 20px;
  flex-wrap:wrap;
}

.logo img{height:50px;padding-left: 10px;}


/* Navbar Base */
    .navbar {
      padding: 12px 40px;
      display: flex;
      justify-content: flex-end;
      align-items: center;
      position: sticky;
      top: 0;
      z-index: 100;
    }

    .nav-links {
      list-style: none;
      display: flex;
      align-items: center;
      gap: 18px;
    }

    .nav-links a {
      color: #fff;
      text-decoration: none;
      font-weight: 600;
      padding: 6px 10px;
      border-radius: 6px;
    }

    /* Hover effect */
    .nav-links a:hover {
      background: #ffcc00;
      color: #111;
    }

    /* Active page highlight */
    .nav-links a:hover,
    .nav-links a.active {
      background: #ffcc00;
      color: #111;
    }

    /* Dropdown */
    .dropdown {
      position: relative;
    }

    .dropdown-menu {
      display: none;
      position: absolute;
      top: 100%;
      left: 0;
      background: #222;
      min-width: 180px;
      border-radius: 8px;
      box-shadow: 0 5px 15px rgba(0,0,0,0.3);
      flex-direction: column;
      overflow: hidden;
    }

    .dropdown-menu li a {
      display: block;
      padding: 10px 15px;
      color: #fff;
      transition: 0.3s;
    }

    .dropdown-menu li a:hover {
      background: #ffcc00;
      color: #111;
    }

    /* Show dropdown on hover */
    .dropdown:hover .dropdown-menu {
      display: flex;
    }

    /* Responsive */
    @media (max-width: 768px) {
      .nav-links {
        flex-direction: column;
        background: #111;
        position: absolute;
        top: 60px;
        right: 0;
        width: 200px;
        display: none;
        border-radius: 10px;
        padding: 15px 0;
      }

      .nav-links.active {
        display: flex;
      }

      .menu-toggle {
        display: block;
        cursor: pointer;
        color: #fff;
        font-size: 28px;
        position: absolute;
        right: 30px;
      }
    }

    .menu-toggle {
      display: none;
    }



/* Call button */
.call button{
  background:#ffd700;
  color:#0b1c8c;
  border:none;
  padding:10px 14px;
  border-radius:6px;
  font-weight:600;
  cursor:pointer;
  transition:0.3s;
}
.call button:hover{transform:scale(1.05);}

/* Banner */
.banner{
  position:relative;
  background:url('3D.png') center/cover no-repeat;
  height:80vh;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  color:#fff;
}
.overlay{
  position:absolute;
  top:0;left:0;width:100%;height:100%;
  background:rgba(0,0,0,0.45);
  backdrop-filter:blur(3px);
}
.block{
  position:relative;
  z-index:2;
  max-width:800px;
  padding:0 20px;
}
.block h1{font-size:45px;margin-bottom:10px;}
.block p{font-size:18px;margin-bottom:20px;}
.btn{
  background:#ffd700;
  color:#0b1c8c;
  text-decoration:none;
  padding:12px 30px;
  border-radius:6px;
  font-weight:700;
  transition:0.3s;
}
.btn:hover{background:#fff;}

/* Services */
.services{
  padding:60px 20px;
  background:#2475c7;
}
.container{max-width:1100px;margin:0 auto;text-align:center;}
.services h2{
  color:#ffffff;
  font-size:32px;
  margin-bottom:40px;
  position:relative;
}
.services h2::after{
  content:"";
  display:block;
  width:80px;
  height:3px;
  background:#2475c7;
  margin:10px auto;
  border-radius:2px;
}
.services-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
  gap:25px;
}
.card{
  background:#fff;
  padding:25px 20px;
  border-radius:12px;
  box-shadow:0 6px 18px rgba(11,28,140,0.08);
  transition:0.3s;
}
.card a{
  text-decoration: none;
}
.card:hover{
  transform:translateY(-6px);
  box-shadow:0 10px 24px rgba(11,28,140,0.12);
}
.icon{font-size:40px;color:#2475c7;margin-bottom:15px;}
.card h3{font-size:22px;color:#0b1c8c;margin-bottom:10px;}
.card p{font-size:15px;color:#444;margin-bottom:10px;line-height:1.5;}
.card ul{list-style:none;padding-left:0;text-align:left;}
.card ul li{margin-bottom:6px;color:#333;font-size:14px;position:relative;padding-left:16px;}
.card ul li::before{content:"✓";color:#2475c7;position:absolute;left:0;font-weight:bold;}


/* --- Stats --- */
    .stats-row {
      max-width: 1200px;
      margin: 40px auto 60px;
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 16px;
      padding: 0 20px;
    }

    .stat {
  background-image: 
    linear-gradient(to top, 
      rgb(0, 0, 0) 0%,   /* bottom dark */
      rgba(0, 0, 0, 0.692) 40%,  /* mid fade */
      rgba(0, 0, 0, 0.0) 100%  /* center transparent */
    ),
    url('3Dk.jpg');
      padding: 20px;
      border-radius: 10px;
      text-align:center;
    }

    .num { font-size: 26px; font-weight: 800; color: #0b1c8c; }
    .label {
      font-size: 23px;
      color: #ffd700;
      font-family: Georgia, 'Times New Roman', Times, serif;
      margin-top: 6px;
    }

    .stat p { color: #ffffff; margin-top: 6px; }

/* --- Footer --- */
    .footer {
      background: #0b1c8c;
      color: #fff;
      padding: 14px 20px;
    }

    .footer-container {
      max-width: 1100px;
      margin: 0 auto;
      display: flex;
      justify-content: space-between;
      align-items: center;
      flex-wrap: wrap;
    }

    .footer p { font-size: 16px; }
    .social a {
      color: #ffffff;
      margin: 0 10px;
      font-size: 18px;
      text-decoration: none;
    }

/* Responsive */
@media(max-width:768px){
  .color{flex-direction:column;gap:10px;text-align:center;}
  .main-nav ul{justify-content:center;}
  .call{order:3;}
  .block h1{font-size:30px;}
}