/* Reset & Base */
* { margin:0; padding:0; box-sizing:border-box; }
body { font-family: Arial, sans-serif; line-height:1.6; color:#333; }
.container { width:90%; max-width:1200px; margin:0 auto; }
.btn { display:inline-block; padding:0.5em 1em; background:#0073e6; color:#fff; text-decoration:none; border-radius:4px; }
.header { background:#fff; box-shadow:0 2px 4px rgba(0,0,0,0.1); position:sticky; top:0; z-index:100; }
.nav-container { display:flex; align-items:center; justify-content:space-between; padding:0.5em 0 0 0; }
.logo { font-size:1em; font-weight:bold; color:#778586; text-decoration:none; display: flex; align-items: center; }
.nav { }
.nav-list { list-style:none; display:flex; gap:1em; }
.nav-list li { position:relative; }
.nav-list a { text-decoration:none; color:#333; padding:0.5em; }
.has-dropdown:hover .dropdown { display:block; }
.dropdown { display:none; position:absolute; top:100%; left:0; background:#fff; box-shadow:0 2px 4px rgba(0,0,0,0.1); list-style:none; }
.dropdown li { }
.dropdown a { display:block; padding:0.5em 1em; }
.hamburger, .nav-toggle { display:none; }
.hero { background:url('../images/erp_logo.jpg') center/cover no-repeat; color:#fff; text-align:center; padding:4em 0; }
.hero h1 { font-size:2.5em; margin-bottom:0.5em; }
.about, .services, .industries, .tech-stack, .clients { padding:4em 0; }
.services-grid, .tech-grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(240px,1fr)); gap:2em; }
.card { background:#fff; border-radius:8px; overflow:hidden; box-shadow:0 2px 8px rgba(0,0,0,0.1); text-align:center; }
.card img { width:100%; height:160px; object-fit:cover; }
.card h3 { margin:1em 0; }
.domain-list { list-style:none; display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:1em; }
.domain-list li { background:#f9f9f9; padding:1em; border-radius:4px; }
.tech-item { background:#f1f1f1; padding:1em; text-align:center; border-radius:4px; }

.footer { background:#222; color:#eee; text-align:center; padding:2em 0; }
.footer a { color:#fff; margin:0 0.5em; text-decoration:none; }
.linkedin { background: url('https://static.licdn.com/aero-v1/sc/h/aahlc8ivbnmk0t3eyz8as5gvr'); width: 300px;height: 30px;}

/* Responsive Nav */
@media(max-width:768px) {
  .nav-toggle { display:block; background:none; border:none; cursor:pointer; }
  .hamburger { width:25px; height:3px; background:#333; display:block; position:relative; }
  .hamburger::before, .hamburger::after { content:''; width:25px; height:3px; background:#333; position:absolute; left:0; }
  .hamburger::before { top:-8px; }
  .hamburger::after { top:8px; }
  .nav { position:absolute; top:100%; left:0; width:100%; background:#fff; max-height:0; overflow:hidden; transition:max-height 0.3s ease-in-out; }
  .nav-list { flex-direction:column; }
  .nav.open { max-height:300px; }
}